@wordpress/block-library 8.19.6 → 8.20.1

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_data","_coreData","_compose","_utils","EMPTY_ARRAY","BASE_QUERY","order","_fields","context","getTermIdByTermValue","terms","termValue","termId","id","find","term","name","termValueLower","toLocaleLowerCase","TaxonomyControls","onChange","query","postType","taxQuery","taxonomies","useTaxonomies","length","createElement","Fragment","map","taxonomy","termIds","slug","handleChange","newTermIds","TaxonomyItem","key","search","setSearch","useState","value","setValue","suggestions","setSuggestions","debouncedSearch","useDebounce","searchResults","searchHasResolved","useSelect","select","getEntityRecords","hasFinishedResolution","coreStore","selectorArgs","orderby","exclude","per_page","existingTerms","include","useEffect","sanitizedValue","reduce","accumulator","entity","push","result","onTermsChange","newTermValues","Set","add","Array","from","className","FormTokenField","label","onInputChange","__experimentalShowHowTo"],"sources":["@wordpress/block-library/src/query/edit/inspector-controls/taxonomy-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FormTokenField } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useDebounce } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useTaxonomies } from '../../utils';\n\nconst EMPTY_ARRAY = [];\nconst BASE_QUERY = {\n\torder: 'asc',\n\t_fields: 'id,name',\n\tcontext: 'view',\n};\n\n// Helper function to get the term id based on user input in terms `FormTokenField`.\nconst getTermIdByTermValue = ( terms, termValue ) => {\n\t// First we check for exact match by `term.id` or case sensitive `term.name` match.\n\tconst termId =\n\t\ttermValue?.id || terms?.find( ( term ) => term.name === termValue )?.id;\n\tif ( termId ) {\n\t\treturn termId;\n\t}\n\n\t/**\n\t * Here we make an extra check for entered terms in a non case sensitive way,\n\t * to match user expectations, due to `FormTokenField` behaviour that shows\n\t * suggestions which are case insensitive.\n\t *\n\t * Although WP tries to discourage users to add terms with the same name (case insensitive),\n\t * it's still possible if you manually change the name, as long as the terms have different slugs.\n\t * In this edge case we always apply the first match from the terms list.\n\t */\n\tconst termValueLower = termValue.toLocaleLowerCase();\n\treturn terms?.find(\n\t\t( term ) => term.name.toLocaleLowerCase() === termValueLower\n\t)?.id;\n};\n\nexport function TaxonomyControls( { onChange, query } ) {\n\tconst { postType, taxQuery } = query;\n\n\tconst taxonomies = useTaxonomies( postType );\n\tif ( ! taxonomies || taxonomies.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ taxonomies.map( ( taxonomy ) => {\n\t\t\t\tconst termIds = taxQuery?.[ taxonomy.slug ] || [];\n\t\t\t\tconst handleChange = ( newTermIds ) =>\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\ttaxQuery: {\n\t\t\t\t\t\t\t...taxQuery,\n\t\t\t\t\t\t\t[ taxonomy.slug ]: newTermIds,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\treturn (\n\t\t\t\t\t<TaxonomyItem\n\t\t\t\t\t\tkey={ taxonomy.slug }\n\t\t\t\t\t\ttaxonomy={ taxonomy }\n\t\t\t\t\t\ttermIds={ termIds }\n\t\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\n/**\n * Renders a `FormTokenField` for a given taxonomy.\n *\n * @param {Object}   props          The props for the component.\n * @param {Object}   props.taxonomy The taxonomy object.\n * @param {number[]} props.termIds  An array with the block's term ids for the given taxonomy.\n * @param {Function} props.onChange Callback `onChange` function.\n * @return {JSX.Element} The rendered component.\n */\nfunction TaxonomyItem( { taxonomy, termIds, onChange } ) {\n\tconst [ search, setSearch ] = useState( '' );\n\tconst [ value, setValue ] = useState( EMPTY_ARRAY );\n\tconst [ suggestions, setSuggestions ] = useState( EMPTY_ARRAY );\n\tconst debouncedSearch = useDebounce( setSearch, 250 );\n\tconst { searchResults, searchHasResolved } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! search ) {\n\t\t\t\treturn { searchResults: EMPTY_ARRAY, searchHasResolved: true };\n\t\t\t}\n\t\t\tconst { getEntityRecords, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst selectorArgs = [\n\t\t\t\t'taxonomy',\n\t\t\t\ttaxonomy.slug,\n\t\t\t\t{\n\t\t\t\t\t...BASE_QUERY,\n\t\t\t\t\tsearch,\n\t\t\t\t\torderby: 'name',\n\t\t\t\t\texclude: termIds,\n\t\t\t\t\tper_page: 20,\n\t\t\t\t},\n\t\t\t];\n\t\t\treturn {\n\t\t\t\tsearchResults: getEntityRecords( ...selectorArgs ),\n\t\t\t\tsearchHasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tselectorArgs\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ search, termIds ]\n\t);\n\t// `existingTerms` are the ones fetched from the API and their type is `{ id: number; name: string }`.\n\t// They are used to extract the terms' names to populate the `FormTokenField` properly\n\t// and to sanitize the provided `termIds`, by setting only the ones that exist.\n\tconst existingTerms = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! termIds?.length ) return EMPTY_ARRAY;\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\treturn getEntityRecords( 'taxonomy', taxonomy.slug, {\n\t\t\t\t...BASE_QUERY,\n\t\t\t\tinclude: termIds,\n\t\t\t\tper_page: termIds.length,\n\t\t\t} );\n\t\t},\n\t\t[ termIds ]\n\t);\n\t// Update the `value` state only after the selectors are resolved\n\t// to avoid emptying the input when we're changing terms.\n\tuseEffect( () => {\n\t\tif ( ! termIds?.length ) {\n\t\t\tsetValue( EMPTY_ARRAY );\n\t\t}\n\t\tif ( ! existingTerms?.length ) return;\n\t\t// Returns only the existing entity ids. This prevents the component\n\t\t// from crashing in the editor, when non existing ids are provided.\n\t\tconst sanitizedValue = termIds.reduce( ( accumulator, id ) => {\n\t\t\tconst entity = existingTerms.find( ( term ) => term.id === id );\n\t\t\tif ( entity ) {\n\t\t\t\taccumulator.push( {\n\t\t\t\t\tid,\n\t\t\t\t\tvalue: entity.name,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn accumulator;\n\t\t}, [] );\n\t\tsetValue( sanitizedValue );\n\t}, [ termIds, existingTerms ] );\n\t// Update suggestions only when the query has resolved.\n\tuseEffect( () => {\n\t\tif ( ! searchHasResolved ) return;\n\t\tsetSuggestions( searchResults.map( ( result ) => result.name ) );\n\t}, [ searchResults, searchHasResolved ] );\n\tconst onTermsChange = ( newTermValues ) => {\n\t\tconst newTermIds = new Set();\n\t\tfor ( const termValue of newTermValues ) {\n\t\t\tconst termId = getTermIdByTermValue( searchResults, termValue );\n\t\t\tif ( termId ) {\n\t\t\t\tnewTermIds.add( termId );\n\t\t\t}\n\t\t}\n\t\tsetSuggestions( EMPTY_ARRAY );\n\t\tonChange( Array.from( newTermIds ) );\n\t};\n\treturn (\n\t\t<div className=\"block-library-query-inspector__taxonomy-control\">\n\t\t\t<FormTokenField\n\t\t\t\tlabel={ taxonomy.name }\n\t\t\t\tvalue={ value }\n\t\t\t\tonInputChange={ debouncedSearch }\n\t\t\t\tsuggestions={ suggestions }\n\t\t\t\tonChange={ onTermsChange }\n\t\t\t\t__experimentalShowHowTo={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_data","_coreData","_element","_compose","_utils","EMPTY_ARRAY","BASE_QUERY","order","_fields","context","getTermIdByTermValue","terms","termValue","termId","id","find","term","name","termValueLower","toLocaleLowerCase","TaxonomyControls","onChange","query","postType","taxQuery","taxonomies","useTaxonomies","length","_react","createElement","Fragment","map","taxonomy","termIds","slug","handleChange","newTermIds","TaxonomyItem","key","search","setSearch","useState","value","setValue","suggestions","setSuggestions","debouncedSearch","useDebounce","searchResults","searchHasResolved","useSelect","select","getEntityRecords","hasFinishedResolution","coreStore","selectorArgs","orderby","exclude","per_page","existingTerms","include","useEffect","sanitizedValue","reduce","accumulator","entity","push","result","onTermsChange","newTermValues","Set","add","Array","from","className","FormTokenField","label","onInputChange","__experimentalShowHowTo"],"sources":["@wordpress/block-library/src/query/edit/inspector-controls/taxonomy-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FormTokenField } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useDebounce } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useTaxonomies } from '../../utils';\n\nconst EMPTY_ARRAY = [];\nconst BASE_QUERY = {\n\torder: 'asc',\n\t_fields: 'id,name',\n\tcontext: 'view',\n};\n\n// Helper function to get the term id based on user input in terms `FormTokenField`.\nconst getTermIdByTermValue = ( terms, termValue ) => {\n\t// First we check for exact match by `term.id` or case sensitive `term.name` match.\n\tconst termId =\n\t\ttermValue?.id || terms?.find( ( term ) => term.name === termValue )?.id;\n\tif ( termId ) {\n\t\treturn termId;\n\t}\n\n\t/**\n\t * Here we make an extra check for entered terms in a non case sensitive way,\n\t * to match user expectations, due to `FormTokenField` behaviour that shows\n\t * suggestions which are case insensitive.\n\t *\n\t * Although WP tries to discourage users to add terms with the same name (case insensitive),\n\t * it's still possible if you manually change the name, as long as the terms have different slugs.\n\t * In this edge case we always apply the first match from the terms list.\n\t */\n\tconst termValueLower = termValue.toLocaleLowerCase();\n\treturn terms?.find(\n\t\t( term ) => term.name.toLocaleLowerCase() === termValueLower\n\t)?.id;\n};\n\nexport function TaxonomyControls( { onChange, query } ) {\n\tconst { postType, taxQuery } = query;\n\n\tconst taxonomies = useTaxonomies( postType );\n\tif ( ! taxonomies || taxonomies.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ taxonomies.map( ( taxonomy ) => {\n\t\t\t\tconst termIds = taxQuery?.[ taxonomy.slug ] || [];\n\t\t\t\tconst handleChange = ( newTermIds ) =>\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\ttaxQuery: {\n\t\t\t\t\t\t\t...taxQuery,\n\t\t\t\t\t\t\t[ taxonomy.slug ]: newTermIds,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\treturn (\n\t\t\t\t\t<TaxonomyItem\n\t\t\t\t\t\tkey={ taxonomy.slug }\n\t\t\t\t\t\ttaxonomy={ taxonomy }\n\t\t\t\t\t\ttermIds={ termIds }\n\t\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\n/**\n * Renders a `FormTokenField` for a given taxonomy.\n *\n * @param {Object}   props          The props for the component.\n * @param {Object}   props.taxonomy The taxonomy object.\n * @param {number[]} props.termIds  An array with the block's term ids for the given taxonomy.\n * @param {Function} props.onChange Callback `onChange` function.\n * @return {JSX.Element} The rendered component.\n */\nfunction TaxonomyItem( { taxonomy, termIds, onChange } ) {\n\tconst [ search, setSearch ] = useState( '' );\n\tconst [ value, setValue ] = useState( EMPTY_ARRAY );\n\tconst [ suggestions, setSuggestions ] = useState( EMPTY_ARRAY );\n\tconst debouncedSearch = useDebounce( setSearch, 250 );\n\tconst { searchResults, searchHasResolved } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! search ) {\n\t\t\t\treturn { searchResults: EMPTY_ARRAY, searchHasResolved: true };\n\t\t\t}\n\t\t\tconst { getEntityRecords, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst selectorArgs = [\n\t\t\t\t'taxonomy',\n\t\t\t\ttaxonomy.slug,\n\t\t\t\t{\n\t\t\t\t\t...BASE_QUERY,\n\t\t\t\t\tsearch,\n\t\t\t\t\torderby: 'name',\n\t\t\t\t\texclude: termIds,\n\t\t\t\t\tper_page: 20,\n\t\t\t\t},\n\t\t\t];\n\t\t\treturn {\n\t\t\t\tsearchResults: getEntityRecords( ...selectorArgs ),\n\t\t\t\tsearchHasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tselectorArgs\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ search, termIds ]\n\t);\n\t// `existingTerms` are the ones fetched from the API and their type is `{ id: number; name: string }`.\n\t// They are used to extract the terms' names to populate the `FormTokenField` properly\n\t// and to sanitize the provided `termIds`, by setting only the ones that exist.\n\tconst existingTerms = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! termIds?.length ) return EMPTY_ARRAY;\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\treturn getEntityRecords( 'taxonomy', taxonomy.slug, {\n\t\t\t\t...BASE_QUERY,\n\t\t\t\tinclude: termIds,\n\t\t\t\tper_page: termIds.length,\n\t\t\t} );\n\t\t},\n\t\t[ termIds ]\n\t);\n\t// Update the `value` state only after the selectors are resolved\n\t// to avoid emptying the input when we're changing terms.\n\tuseEffect( () => {\n\t\tif ( ! termIds?.length ) {\n\t\t\tsetValue( EMPTY_ARRAY );\n\t\t}\n\t\tif ( ! existingTerms?.length ) return;\n\t\t// Returns only the existing entity ids. This prevents the component\n\t\t// from crashing in the editor, when non existing ids are provided.\n\t\tconst sanitizedValue = termIds.reduce( ( accumulator, id ) => {\n\t\t\tconst entity = existingTerms.find( ( term ) => term.id === id );\n\t\t\tif ( entity ) {\n\t\t\t\taccumulator.push( {\n\t\t\t\t\tid,\n\t\t\t\t\tvalue: entity.name,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn accumulator;\n\t\t}, [] );\n\t\tsetValue( sanitizedValue );\n\t}, [ termIds, existingTerms ] );\n\t// Update suggestions only when the query has resolved.\n\tuseEffect( () => {\n\t\tif ( ! searchHasResolved ) return;\n\t\tsetSuggestions( searchResults.map( ( result ) => result.name ) );\n\t}, [ searchResults, searchHasResolved ] );\n\tconst onTermsChange = ( newTermValues ) => {\n\t\tconst newTermIds = new Set();\n\t\tfor ( const termValue of newTermValues ) {\n\t\t\tconst termId = getTermIdByTermValue( searchResults, termValue );\n\t\t\tif ( termId ) {\n\t\t\t\tnewTermIds.add( termId );\n\t\t\t}\n\t\t}\n\t\tsetSuggestions( EMPTY_ARRAY );\n\t\tonChange( Array.from( newTermIds ) );\n\t};\n\treturn (\n\t\t<div className=\"block-library-query-inspector__taxonomy-control\">\n\t\t\t<FormTokenField\n\t\t\t\tlabel={ taxonomy.name }\n\t\t\t\tvalue={ value }\n\t\t\t\tonInputChange={ debouncedSearch }\n\t\t\t\tsuggestions={ suggestions }\n\t\t\t\tonChange={ onTermsChange }\n\t\t\t\t__experimentalShowHowTo={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/query/edit/pattern-selection-modal.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PatternSelectionModal;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
@@ -51,24 +52,24 @@ function PatternSelectionModal({
     return (0, _searchPatterns.searchPatterns)(blockPatterns, searchValue);
   }, [blockPatterns, searchValue]);
   const shownBlockPatterns = (0, _compose.useAsyncList)(filteredBlockPatterns);
-  return (0, _element.createElement)(_components.Modal, {
+  return (0, _react.createElement)(_components.Modal, {
     overlayClassName: "block-library-query-pattern__selection-modal",
     title: (0, _i18n.__)('Choose a pattern'),
     onRequestClose: () => setIsPatternSelectionModalOpen(false),
     isFullScreen: true
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "block-library-query-pattern__selection-content"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "block-library-query-pattern__selection-search"
-  }, (0, _element.createElement)(_components.SearchControl, {
+  }, (0, _react.createElement)(_components.SearchControl, {
     __nextHasNoMarginBottom: true,
     onChange: setSearchValue,
     value: searchValue,
     label: (0, _i18n.__)('Search for patterns'),
     placeholder: (0, _i18n.__)('Search')
-  })), (0, _element.createElement)(_blockEditor.BlockContextProvider, {
+  })), (0, _react.createElement)(_blockEditor.BlockContextProvider, {
     value: blockPreviewContext
-  }, (0, _element.createElement)(_blockEditor.__experimentalBlockPatternsList, {
+  }, (0, _react.createElement)(_blockEditor.__experimentalBlockPatternsList, {
     blockPatterns: filteredBlockPatterns,
     shownPatterns: shownBlockPatterns,
     onClickPattern: onBlockPatternSelect

package/build/query/edit/pattern-selection-modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_components","_compose","_blockEditor","_i18n","_utils","_searchPatterns","PatternSelectionModal","clientId","attributes","setIsPatternSelectionModalOpen","searchValue","setSearchValue","useState","replaceBlock","selectBlock","useDispatch","blockEditorStore","onBlockPatternSelect","pattern","blocks","newBlocks","queryClientIds","getTransformedBlocksFromPattern","blockPreviewContext","useMemo","previewPostType","query","postType","blockNameForPatterns","useBlockNameForPatterns","blockPatterns","usePatterns","filteredBlockPatterns","searchPatterns","shownBlockPatterns","useAsyncList","createElement","Modal","overlayClassName","title","__","onRequestClose","isFullScreen","className","SearchControl","__nextHasNoMarginBottom","onChange","value","label","placeholder","BlockContextProvider","__experimentalBlockPatternsList","shownPatterns","onClickPattern"],"sources":["@wordpress/block-library/src/query/edit/pattern-selection-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { Modal, SearchControl } from '@wordpress/components';\nimport { useAsyncList } from '@wordpress/compose';\nimport {\n\tBlockContextProvider,\n\tstore as blockEditorStore,\n\t__experimentalBlockPatternsList as BlockPatternsList,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseBlockNameForPatterns,\n\tgetTransformedBlocksFromPattern,\n\tusePatterns,\n} from '../utils';\nimport { searchPatterns } from '../../utils/search-patterns';\n\nexport default function PatternSelectionModal( {\n\tclientId,\n\tattributes,\n\tsetIsPatternSelectionModalOpen,\n} ) {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst { replaceBlock, selectBlock } = useDispatch( blockEditorStore );\n\tconst onBlockPatternSelect = ( pattern, blocks ) => {\n\t\tconst { newBlocks, queryClientIds } = getTransformedBlocksFromPattern(\n\t\t\tblocks,\n\t\t\tattributes\n\t\t);\n\t\treplaceBlock( clientId, newBlocks );\n\t\tif ( queryClientIds[ 0 ] ) {\n\t\t\tselectBlock( queryClientIds[ 0 ] );\n\t\t}\n\t};\n\t// When we preview Query Loop blocks we should prefer the current\n\t// block's postType, which is passed through block context.\n\tconst blockPreviewContext = useMemo(\n\t\t() => ( {\n\t\t\tpreviewPostType: attributes.query.postType,\n\t\t} ),\n\t\t[ attributes.query.postType ]\n\t);\n\tconst blockNameForPatterns = useBlockNameForPatterns(\n\t\tclientId,\n\t\tattributes\n\t);\n\tconst blockPatterns = usePatterns( clientId, blockNameForPatterns );\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\treturn searchPatterns( blockPatterns, searchValue );\n\t}, [ blockPatterns, searchValue ] );\n\tconst shownBlockPatterns = useAsyncList( filteredBlockPatterns );\n\n\treturn (\n\t\t<Modal\n\t\t\toverlayClassName=\"block-library-query-pattern__selection-modal\"\n\t\t\ttitle={ __( 'Choose a pattern' ) }\n\t\t\tonRequestClose={ () => setIsPatternSelectionModalOpen( false ) }\n\t\t\tisFullScreen={ true }\n\t\t>\n\t\t\t<div className=\"block-library-query-pattern__selection-content\">\n\t\t\t\t<div className=\"block-library-query-pattern__selection-search\">\n\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tonChange={ setSearchValue }\n\t\t\t\t\t\tvalue={ searchValue }\n\t\t\t\t\t\tlabel={ __( 'Search for patterns' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<BlockContextProvider value={ blockPreviewContext }>\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\t\tshownPatterns={ shownBlockPatterns }\n\t\t\t\t\t\tonClickPattern={ onBlockPatternSelect }\n\t\t\t\t\t/>\n\t\t\t\t</BlockContextProvider>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_data","_components","_compose","_blockEditor","_i18n","_utils","_searchPatterns","PatternSelectionModal","clientId","attributes","setIsPatternSelectionModalOpen","searchValue","setSearchValue","useState","replaceBlock","selectBlock","useDispatch","blockEditorStore","onBlockPatternSelect","pattern","blocks","newBlocks","queryClientIds","getTransformedBlocksFromPattern","blockPreviewContext","useMemo","previewPostType","query","postType","blockNameForPatterns","useBlockNameForPatterns","blockPatterns","usePatterns","filteredBlockPatterns","searchPatterns","shownBlockPatterns","useAsyncList","_react","createElement","Modal","overlayClassName","title","__","onRequestClose","isFullScreen","className","SearchControl","__nextHasNoMarginBottom","onChange","value","label","placeholder","BlockContextProvider","__experimentalBlockPatternsList","shownPatterns","onClickPattern"],"sources":["@wordpress/block-library/src/query/edit/pattern-selection-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { Modal, SearchControl } from '@wordpress/components';\nimport { useAsyncList } from '@wordpress/compose';\nimport {\n\tBlockContextProvider,\n\tstore as blockEditorStore,\n\t__experimentalBlockPatternsList as BlockPatternsList,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseBlockNameForPatterns,\n\tgetTransformedBlocksFromPattern,\n\tusePatterns,\n} from '../utils';\nimport { searchPatterns } from '../../utils/search-patterns';\n\nexport default function PatternSelectionModal( {\n\tclientId,\n\tattributes,\n\tsetIsPatternSelectionModalOpen,\n} ) {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst { replaceBlock, selectBlock } = useDispatch( blockEditorStore );\n\tconst onBlockPatternSelect = ( pattern, blocks ) => {\n\t\tconst { newBlocks, queryClientIds } = getTransformedBlocksFromPattern(\n\t\t\tblocks,\n\t\t\tattributes\n\t\t);\n\t\treplaceBlock( clientId, newBlocks );\n\t\tif ( queryClientIds[ 0 ] ) {\n\t\t\tselectBlock( queryClientIds[ 0 ] );\n\t\t}\n\t};\n\t// When we preview Query Loop blocks we should prefer the current\n\t// block's postType, which is passed through block context.\n\tconst blockPreviewContext = useMemo(\n\t\t() => ( {\n\t\t\tpreviewPostType: attributes.query.postType,\n\t\t} ),\n\t\t[ attributes.query.postType ]\n\t);\n\tconst blockNameForPatterns = useBlockNameForPatterns(\n\t\tclientId,\n\t\tattributes\n\t);\n\tconst blockPatterns = usePatterns( clientId, blockNameForPatterns );\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\treturn searchPatterns( blockPatterns, searchValue );\n\t}, [ blockPatterns, searchValue ] );\n\tconst shownBlockPatterns = useAsyncList( filteredBlockPatterns );\n\n\treturn (\n\t\t<Modal\n\t\t\toverlayClassName=\"block-library-query-pattern__selection-modal\"\n\t\t\ttitle={ __( 'Choose a pattern' ) }\n\t\t\tonRequestClose={ () => setIsPatternSelectionModalOpen( false ) }\n\t\t\tisFullScreen={ true }\n\t\t>\n\t\t\t<div className=\"block-library-query-pattern__selection-content\">\n\t\t\t\t<div className=\"block-library-query-pattern__selection-search\">\n\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tonChange={ setSearchValue }\n\t\t\t\t\t\tvalue={ searchValue }\n\t\t\t\t\t\tlabel={ __( 'Search for patterns' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<BlockContextProvider value={ blockPreviewContext }>\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\t\tshownPatterns={ shownBlockPatterns }\n\t\t\t\t\t\tonClickPattern={ onBlockPatternSelect }\n\t\t\t\t\t/>\n\t\t\t\t</BlockContextProvider>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAKA,IAAAO,eAAA,GAAAP,OAAA;AAtBA;AACA;AACA;;AAYA;AACA;AACA;;AAQe,SAASQ,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,EAAG,CAAC;EACtD,MAAM;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EACrE,MAAMC,oBAAoB,GAAGA,CAAEC,OAAO,EAAEC,MAAM,KAAM;IACnD,MAAM;MAAEC,SAAS;MAAEC;IAAe,CAAC,GAAG,IAAAC,sCAA+B,EACpEH,MAAM,EACNX,UACD,CAAC;IACDK,YAAY,CAAEN,QAAQ,EAAEa,SAAU,CAAC;IACnC,IAAKC,cAAc,CAAE,CAAC,CAAE,EAAG;MAC1BP,WAAW,CAAEO,cAAc,CAAE,CAAC,CAAG,CAAC;IACnC;EACD,CAAC;EACD;EACA;EACA,MAAME,mBAAmB,GAAG,IAAAC,gBAAO,EAClC,OAAQ;IACPC,eAAe,EAAEjB,UAAU,CAACkB,KAAK,CAACC;EACnC,CAAC,CAAE,EACH,CAAEnB,UAAU,CAACkB,KAAK,CAACC,QAAQ,CAC5B,CAAC;EACD,MAAMC,oBAAoB,GAAG,IAAAC,8BAAuB,EACnDtB,QAAQ,EACRC,UACD,CAAC;EACD,MAAMsB,aAAa,GAAG,IAAAC,kBAAW,EAAExB,QAAQ,EAAEqB,oBAAqB,CAAC;EACnE,MAAMI,qBAAqB,GAAG,IAAAR,gBAAO,EAAE,MAAM;IAC5C,OAAO,IAAAS,8BAAc,EAAEH,aAAa,EAAEpB,WAAY,CAAC;EACpD,CAAC,EAAE,CAAEoB,aAAa,EAAEpB,WAAW,CAAG,CAAC;EACnC,MAAMwB,kBAAkB,GAAG,IAAAC,qBAAY,EAAEH,qBAAsB,CAAC;EAEhE,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACrC,WAAA,CAAAsC,KAAK;IACLC,gBAAgB,EAAC,8CAA8C;IAC/DC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,cAAc,EAAGA,CAAA,KAAMjC,8BAA8B,CAAE,KAAM,CAAG;IAChEkC,YAAY,EAAG;EAAM,GAErB,IAAAP,MAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAgD,GAC9D,IAAAR,MAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAA+C,GAC7D,IAAAR,MAAA,CAAAC,aAAA,EAACrC,WAAA,CAAA6C,aAAa;IACbC,uBAAuB;IACvBC,QAAQ,EAAGpC,cAAgB;IAC3BqC,KAAK,EAAGtC,WAAa;IACrBuC,KAAK,EAAG,IAAAR,QAAE,EAAE,qBAAsB,CAAG;IACrCS,WAAW,EAAG,IAAAT,QAAE,EAAE,QAAS;EAAG,CAC9B,CACG,CAAC,EACN,IAAAL,MAAA,CAAAC,aAAA,EAACnC,YAAA,CAAAiD,oBAAoB;IAACH,KAAK,EAAGzB;EAAqB,GAClD,IAAAa,MAAA,CAAAC,aAAA,EAACnC,YAAA,CAAAkD,+BAAiB;IACjBtB,aAAa,EAAGE,qBAAuB;IACvCqB,aAAa,EAAGnB,kBAAoB;IACpCoB,cAAc,EAAGrC;EAAsB,CACvC,CACoB,CAClB,CACC,CAAC;AAEV"}

package/build/query/edit/query-content.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = QueryContent;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -114,25 +115,25 @@ function QueryContent({
     section: (0, _i18n.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
     aside: (0, _i18n.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.")
   };
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_enhancedPaginationModal.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_enhancedPaginationModal.default, {
     attributes: attributes,
     setAttributes: setAttributes,
     clientId: clientId
-  }), (0, _element.createElement)(_inspectorControls.default, {
+  }), (0, _react.createElement)(_inspectorControls.default, {
     attributes: attributes,
     setQuery: updateQuery,
     setDisplayLayout: updateDisplayLayout,
     setAttributes: setAttributes,
     clientId: clientId
-  }), (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_queryToolbar.default, {
+  }), (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_queryToolbar.default, {
     name: name,
     clientId: clientId,
     attributes: attributes,
     setQuery: updateQuery,
     openPatternSelectionModal: openPatternSelectionModal
-  })), (0, _element.createElement)(_blockEditor.InspectorControls, {
+  })), (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "advanced"
-  }, (0, _element.createElement)(_components.SelectControl, {
+  }, (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('HTML element'),
     options: [{
@@ -153,7 +154,7 @@ function QueryContent({
       tagName: value
     }),
     help: htmlElementMessages[TagName]
-  })), (0, _element.createElement)(TagName, {
+  })), (0, _react.createElement)(TagName, {
     ...innerBlocksProps
   }));
 }

package/build/query/edit/query-content.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_compose","_blockEditor","_components","_i18n","_coreData","_queryToolbar","_interopRequireDefault","_inspectorControls","_enhancedPaginationModal","DEFAULTS_POSTS_PER_PAGE","TEMPLATE","QueryContent","attributes","setAttributes","openPatternSelectionModal","name","clientId","queryId","query","displayLayout","tagName","TagName","inherit","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","instanceId","useInstanceId","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","postsPerPage","useSelect","select","getSettings","getEntityRecord","canUser","coreStore","settingPerPage","posts_per_page","useEffect","newQuery","perPage","Object","keys","length","updateQuery","Number","isFinite","updateDisplayLayout","newDisplayLayout","htmlElementMessages","main","__","section","aside","createElement","Fragment","default","setQuery","setDisplayLayout","BlockControls","InspectorControls","group","SelectControl","__nextHasNoMarginBottom","label","options","value","onChange","help"],"sources":["@wordpress/block-library/src/query/edit/query-content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport QueryToolbar from './query-toolbar';\nimport QueryInspectorControls from './inspector-controls';\nimport EnhancedPaginationModal from './enhanced-pagination-modal';\n\nconst DEFAULTS_POSTS_PER_PAGE = 3;\n\nconst TEMPLATE = [ [ 'core/post-template' ] ];\nexport default function QueryContent( {\n\tattributes,\n\tsetAttributes,\n\topenPatternSelectionModal,\n\tname,\n\tclientId,\n} ) {\n\tconst {\n\t\tqueryId,\n\t\tquery,\n\t\tdisplayLayout,\n\t\ttagName: TagName = 'div',\n\t\tquery: { inherit } = {},\n\t} = attributes;\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst instanceId = useInstanceId( QueryContent );\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\tconst { postsPerPage } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { getEntityRecord, canUser } = select( coreStore );\n\t\tconst settingPerPage = canUser( 'read', 'settings' )\n\t\t\t? +getEntityRecord( 'root', 'site' )?.posts_per_page\n\t\t\t: +getSettings().postsPerPage;\n\t\treturn {\n\t\t\tpostsPerPage: settingPerPage || DEFAULTS_POSTS_PER_PAGE,\n\t\t};\n\t}, [] );\n\t// There are some effects running where some initialization logic is\n\t// happening and setting some values to some attributes (ex. queryId).\n\t// These updates can cause an `undo trap` where undoing will result in\n\t// resetting again, so we need to mark these changes as not persistent\n\t// with `__unstableMarkNextChangeAsNotPersistent`.\n\n\t// Changes in query property (which is an object) need to be in the same callback,\n\t// because updates are batched after the render and changes in different query properties\n\t// would cause to override previous wanted changes.\n\tuseEffect( () => {\n\t\tconst newQuery = {};\n\t\t// When we inherit from global query always need to set the `perPage`\n\t\t// based on the reading settings.\n\t\tif ( inherit && query.perPage !== postsPerPage ) {\n\t\t\tnewQuery.perPage = postsPerPage;\n\t\t} else if ( ! query.perPage && postsPerPage ) {\n\t\t\tnewQuery.perPage = postsPerPage;\n\t\t}\n\t\tif ( !! Object.keys( newQuery ).length ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateQuery( newQuery );\n\t\t}\n\t}, [ query.perPage, postsPerPage, inherit ] );\n\t// We need this for multi-query block pagination.\n\t// Query parameters for each block are scoped to their ID.\n\tuseEffect( () => {\n\t\tif ( ! Number.isFinite( queryId ) ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { queryId: instanceId } );\n\t\t}\n\t}, [ queryId, instanceId ] );\n\tconst updateQuery = ( newQuery ) =>\n\t\tsetAttributes( { query: { ...query, ...newQuery } } );\n\tconst updateDisplayLayout = ( newDisplayLayout ) =>\n\t\tsetAttributes( {\n\t\t\tdisplayLayout: { ...displayLayout, ...newDisplayLayout },\n\t\t} );\n\tconst htmlElementMessages = {\n\t\tmain: __(\n\t\t\t'The <main> element should be used for the primary content of your document only. '\n\t\t),\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<EnhancedPaginationModal\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tclientId={ clientId }\n\t\t\t/>\n\t\t\t<QueryInspectorControls\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetQuery={ updateQuery }\n\t\t\t\tsetDisplayLayout={ updateDisplayLayout }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tclientId={ clientId }\n\t\t\t/>\n\t\t\t<BlockControls>\n\t\t\t\t<QueryToolbar\n\t\t\t\t\tname={ name }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetQuery={ updateQuery }\n\t\t\t\t\topenPatternSelectionModal={ openPatternSelectionModal }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ TagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_compose","_element","_blockEditor","_components","_i18n","_coreData","_queryToolbar","_interopRequireDefault","_inspectorControls","_enhancedPaginationModal","DEFAULTS_POSTS_PER_PAGE","TEMPLATE","QueryContent","attributes","setAttributes","openPatternSelectionModal","name","clientId","queryId","query","displayLayout","tagName","TagName","inherit","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","instanceId","useInstanceId","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","postsPerPage","useSelect","select","getSettings","getEntityRecord","canUser","coreStore","settingPerPage","posts_per_page","useEffect","newQuery","perPage","Object","keys","length","updateQuery","Number","isFinite","updateDisplayLayout","newDisplayLayout","htmlElementMessages","main","__","section","aside","_react","createElement","Fragment","default","setQuery","setDisplayLayout","BlockControls","InspectorControls","group","SelectControl","__nextHasNoMarginBottom","label","options","value","onChange","help"],"sources":["@wordpress/block-library/src/query/edit/query-content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport QueryToolbar from './query-toolbar';\nimport QueryInspectorControls from './inspector-controls';\nimport EnhancedPaginationModal from './enhanced-pagination-modal';\n\nconst DEFAULTS_POSTS_PER_PAGE = 3;\n\nconst TEMPLATE = [ [ 'core/post-template' ] ];\nexport default function QueryContent( {\n\tattributes,\n\tsetAttributes,\n\topenPatternSelectionModal,\n\tname,\n\tclientId,\n} ) {\n\tconst {\n\t\tqueryId,\n\t\tquery,\n\t\tdisplayLayout,\n\t\ttagName: TagName = 'div',\n\t\tquery: { inherit } = {},\n\t} = attributes;\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst instanceId = useInstanceId( QueryContent );\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\tconst { postsPerPage } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { getEntityRecord, canUser } = select( coreStore );\n\t\tconst settingPerPage = canUser( 'read', 'settings' )\n\t\t\t? +getEntityRecord( 'root', 'site' )?.posts_per_page\n\t\t\t: +getSettings().postsPerPage;\n\t\treturn {\n\t\t\tpostsPerPage: settingPerPage || DEFAULTS_POSTS_PER_PAGE,\n\t\t};\n\t}, [] );\n\t// There are some effects running where some initialization logic is\n\t// happening and setting some values to some attributes (ex. queryId).\n\t// These updates can cause an `undo trap` where undoing will result in\n\t// resetting again, so we need to mark these changes as not persistent\n\t// with `__unstableMarkNextChangeAsNotPersistent`.\n\n\t// Changes in query property (which is an object) need to be in the same callback,\n\t// because updates are batched after the render and changes in different query properties\n\t// would cause to override previous wanted changes.\n\tuseEffect( () => {\n\t\tconst newQuery = {};\n\t\t// When we inherit from global query always need to set the `perPage`\n\t\t// based on the reading settings.\n\t\tif ( inherit && query.perPage !== postsPerPage ) {\n\t\t\tnewQuery.perPage = postsPerPage;\n\t\t} else if ( ! query.perPage && postsPerPage ) {\n\t\t\tnewQuery.perPage = postsPerPage;\n\t\t}\n\t\tif ( !! Object.keys( newQuery ).length ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateQuery( newQuery );\n\t\t}\n\t}, [ query.perPage, postsPerPage, inherit ] );\n\t// We need this for multi-query block pagination.\n\t// Query parameters for each block are scoped to their ID.\n\tuseEffect( () => {\n\t\tif ( ! Number.isFinite( queryId ) ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { queryId: instanceId } );\n\t\t}\n\t}, [ queryId, instanceId ] );\n\tconst updateQuery = ( newQuery ) =>\n\t\tsetAttributes( { query: { ...query, ...newQuery } } );\n\tconst updateDisplayLayout = ( newDisplayLayout ) =>\n\t\tsetAttributes( {\n\t\t\tdisplayLayout: { ...displayLayout, ...newDisplayLayout },\n\t\t} );\n\tconst htmlElementMessages = {\n\t\tmain: __(\n\t\t\t'The <main> element should be used for the primary content of your document only. '\n\t\t),\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<EnhancedPaginationModal\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tclientId={ clientId }\n\t\t\t/>\n\t\t\t<QueryInspectorControls\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetQuery={ updateQuery }\n\t\t\t\tsetDisplayLayout={ updateDisplayLayout }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tclientId={ clientId }\n\t\t\t/>\n\t\t\t<BlockControls>\n\t\t\t\t<QueryToolbar\n\t\t\t\t\tname={ name }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetQuery={ updateQuery }\n\t\t\t\t\topenPatternSelectionModal={ openPatternSelectionModal }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ TagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/query/edit/query-placeholder.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = QueryPlaceholder;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -53,7 +54,7 @@ function QueryPlaceholder({
   const icon = matchingVariation?.icon?.src || matchingVariation?.icon || blockType?.icon?.src;
   const label = matchingVariation?.title || blockType?.title;
   if (isStartingBlank) {
-    return (0, _element.createElement)(QueryVariationPicker, {
+    return (0, _react.createElement)(QueryVariationPicker, {
       clientId: clientId,
       attributes: attributes,
       setAttributes: setAttributes,
@@ -61,16 +62,16 @@ function QueryPlaceholder({
       label: label
     });
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)(_components.Placeholder, {
+  }, (0, _react.createElement)(_components.Placeholder, {
     icon: icon,
     label: label,
     instructions: (0, _i18n.__)('Choose a pattern for the query loop or start blank.')
-  }, !!hasPatterns && (0, _element.createElement)(_components.Button, {
+  }, !!hasPatterns && (0, _react.createElement)(_components.Button, {
     variant: "primary",
     onClick: openPatternSelectionModal
-  }, (0, _i18n.__)('Choose')), (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n.__)('Choose')), (0, _react.createElement)(_components.Button, {
     variant: "secondary",
     onClick: () => {
       setIsStartingBlank(true);
@@ -89,9 +90,9 @@ function QueryVariationPicker({
     replaceInnerBlocks
   } = (0, _data.useDispatch)(_blockEditor.store);
   const blockProps = (0, _blockEditor.useBlockProps)();
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)(_blockEditor.__experimentalBlockVariationPicker, {
+  }, (0, _react.createElement)(_blockEditor.__experimentalBlockVariationPicker, {
     icon: icon,
     label: label,
     variations: scopeVariations,

package/build/query/edit/query-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_blocks","_blockEditor","_components","_i18n","_utils","QueryPlaceholder","attributes","clientId","name","openPatternSelectionModal","setAttributes","isStartingBlank","setIsStartingBlank","useState","blockProps","useBlockProps","blockNameForPatterns","useBlockNameForPatterns","blockType","allVariations","hasPatterns","useSelect","select","getBlockVariations","getBlockType","blocksStore","getBlockRootClientId","getPatternsByBlockTypes","blockEditorStore","rootClientId","length","matchingVariation","getMatchingVariation","icon","src","label","title","createElement","QueryVariationPicker","Placeholder","instructions","__","Button","variant","onClick","scopeVariations","useScopedBlockVariations","replaceInnerBlocks","useDispatch","__experimentalBlockVariationPicker","variations","onSelect","variation","query","postType","namespace","innerBlocks","createBlocksFromInnerBlocksTemplate"],"sources":["@wordpress/block-library/src/query/edit/query-placeholder.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tcreateBlocksFromInnerBlocksTemplate,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useState } from '@wordpress/element';\nimport {\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalBlockVariationPicker,\n\t__experimentalGetMatchingVariation as getMatchingVariation,\n} from '@wordpress/block-editor';\nimport { Button, Placeholder } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useScopedBlockVariations, useBlockNameForPatterns } from '../utils';\n\nexport default function QueryPlaceholder( {\n\tattributes,\n\tclientId,\n\tname,\n\topenPatternSelectionModal,\n\tsetAttributes,\n} ) {\n\tconst [ isStartingBlank, setIsStartingBlank ] = useState( false );\n\tconst blockProps = useBlockProps();\n\tconst blockNameForPatterns = useBlockNameForPatterns(\n\t\tclientId,\n\t\tattributes\n\t);\n\n\tconst { blockType, allVariations, hasPatterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockVariations, getBlockType } = select( blocksStore );\n\t\t\tconst { getBlockRootClientId, getPatternsByBlockTypes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\treturn {\n\t\t\t\tblockType: getBlockType( name ),\n\t\t\t\tallVariations: getBlockVariations( name ),\n\t\t\t\thasPatterns: !! getPatternsByBlockTypes(\n\t\t\t\t\tblockNameForPatterns,\n\t\t\t\t\trootClientId\n\t\t\t\t).length,\n\t\t\t};\n\t\t},\n\t\t[ name, blockNameForPatterns, clientId ]\n\t);\n\n\tconst matchingVariation = getMatchingVariation( attributes, allVariations );\n\tconst icon =\n\t\tmatchingVariation?.icon?.src ||\n\t\tmatchingVariation?.icon ||\n\t\tblockType?.icon?.src;\n\tconst label = matchingVariation?.title || blockType?.title;\n\tif ( isStartingBlank ) {\n\t\treturn (\n\t\t\t<QueryVariationPicker\n\t\t\t\tclientId={ clientId }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ label }\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<Placeholder\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ label }\n\t\t\t\tinstructions={ __(\n\t\t\t\t\t'Choose a pattern for the query loop or start blank.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ !! hasPatterns && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ openPatternSelectionModal }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Choose' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsStartingBlank( true );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Start blank' ) }\n\t\t\t\t</Button>\n\t\t\t</Placeholder>\n\t\t</div>\n\t);\n}\n\nfunction QueryVariationPicker( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\ticon,\n\tlabel,\n} ) {\n\tconst scopeVariations = useScopedBlockVariations( attributes );\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<__experimentalBlockVariationPicker\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ label }\n\t\t\t\tvariations={ scopeVariations }\n\t\t\t\tonSelect={ ( variation ) => {\n\t\t\t\t\tif ( variation.attributes ) {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t...variation.attributes,\n\t\t\t\t\t\t\tquery: {\n\t\t\t\t\t\t\t\t...variation.attributes.query,\n\t\t\t\t\t\t\t\tpostType:\n\t\t\t\t\t\t\t\t\tattributes.query.postType ||\n\t\t\t\t\t\t\t\t\tvariation.attributes.query.postType,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tnamespace: attributes.namespace,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( variation.innerBlocks ) {\n\t\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlocksFromInnerBlocksTemplate(\n\t\t\t\t\t\t\t\tvariation.innerBlocks\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_blocks","_element","_blockEditor","_components","_i18n","_utils","QueryPlaceholder","attributes","clientId","name","openPatternSelectionModal","setAttributes","isStartingBlank","setIsStartingBlank","useState","blockProps","useBlockProps","blockNameForPatterns","useBlockNameForPatterns","blockType","allVariations","hasPatterns","useSelect","select","getBlockVariations","getBlockType","blocksStore","getBlockRootClientId","getPatternsByBlockTypes","blockEditorStore","rootClientId","length","matchingVariation","getMatchingVariation","icon","src","label","title","_react","createElement","QueryVariationPicker","Placeholder","instructions","__","Button","variant","onClick","scopeVariations","useScopedBlockVariations","replaceInnerBlocks","useDispatch","__experimentalBlockVariationPicker","variations","onSelect","variation","query","postType","namespace","innerBlocks","createBlocksFromInnerBlocksTemplate"],"sources":["@wordpress/block-library/src/query/edit/query-placeholder.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tcreateBlocksFromInnerBlocksTemplate,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useState } from '@wordpress/element';\nimport {\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalBlockVariationPicker,\n\t__experimentalGetMatchingVariation as getMatchingVariation,\n} from '@wordpress/block-editor';\nimport { Button, Placeholder } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useScopedBlockVariations, useBlockNameForPatterns } from '../utils';\n\nexport default function QueryPlaceholder( {\n\tattributes,\n\tclientId,\n\tname,\n\topenPatternSelectionModal,\n\tsetAttributes,\n} ) {\n\tconst [ isStartingBlank, setIsStartingBlank ] = useState( false );\n\tconst blockProps = useBlockProps();\n\tconst blockNameForPatterns = useBlockNameForPatterns(\n\t\tclientId,\n\t\tattributes\n\t);\n\n\tconst { blockType, allVariations, hasPatterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockVariations, getBlockType } = select( blocksStore );\n\t\t\tconst { getBlockRootClientId, getPatternsByBlockTypes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\treturn {\n\t\t\t\tblockType: getBlockType( name ),\n\t\t\t\tallVariations: getBlockVariations( name ),\n\t\t\t\thasPatterns: !! getPatternsByBlockTypes(\n\t\t\t\t\tblockNameForPatterns,\n\t\t\t\t\trootClientId\n\t\t\t\t).length,\n\t\t\t};\n\t\t},\n\t\t[ name, blockNameForPatterns, clientId ]\n\t);\n\n\tconst matchingVariation = getMatchingVariation( attributes, allVariations );\n\tconst icon =\n\t\tmatchingVariation?.icon?.src ||\n\t\tmatchingVariation?.icon ||\n\t\tblockType?.icon?.src;\n\tconst label = matchingVariation?.title || blockType?.title;\n\tif ( isStartingBlank ) {\n\t\treturn (\n\t\t\t<QueryVariationPicker\n\t\t\t\tclientId={ clientId }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ label }\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<Placeholder\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ label }\n\t\t\t\tinstructions={ __(\n\t\t\t\t\t'Choose a pattern for the query loop or start blank.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ !! hasPatterns && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ openPatternSelectionModal }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Choose' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsStartingBlank( true );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Start blank' ) }\n\t\t\t\t</Button>\n\t\t\t</Placeholder>\n\t\t</div>\n\t);\n}\n\nfunction QueryVariationPicker( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\ticon,\n\tlabel,\n} ) {\n\tconst scopeVariations = useScopedBlockVariations( attributes );\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<__experimentalBlockVariationPicker\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ label }\n\t\t\t\tvariations={ scopeVariations }\n\t\t\t\tonSelect={ ( variation ) => {\n\t\t\t\t\tif ( variation.attributes ) {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t...variation.attributes,\n\t\t\t\t\t\t\tquery: {\n\t\t\t\t\t\t\t\t...variation.attributes.query,\n\t\t\t\t\t\t\t\tpostType:\n\t\t\t\t\t\t\t\t\tattributes.query.postType ||\n\t\t\t\t\t\t\t\t\tvariation.attributes.query.postType,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tnamespace: attributes.namespace,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( variation.innerBlocks ) {\n\t\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlocksFromInnerBlocksTemplate(\n\t\t\t\t\t\t\t\tvariation.innerBlocks\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/query/edit/query-toolbar.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = QueryToolbar;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
@@ -29,16 +29,16 @@ function QueryToolbar({
 }) {
   const hasPatterns = !!(0, _utils.usePatterns)(clientId, name).length;
   const maxPageInputId = (0, _compose.useInstanceId)(QueryToolbar, 'blocks-query-pagination-max-page-input');
-  return (0, _element.createElement)(_element.Fragment, null, !query.inherit && (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.Dropdown, {
+  return (0, _react.createElement)(_react.Fragment, null, !query.inherit && (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.Dropdown, {
     contentClassName: "block-library-query-toolbar__popover",
     renderToggle: ({
       onToggle
-    }) => (0, _element.createElement)(_components.ToolbarButton, {
+    }) => (0, _react.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, {
+    renderContent: () => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BaseControl, null, (0, _react.createElement)(_components.__experimentalNumberControl, {
       __unstableInputWidth: "60px",
       label: (0, _i18n.__)('Items per Page'),
       labelPosition: "edge",
@@ -55,7 +55,7 @@ function QueryToolbar({
       step: "1",
       value: query.perPage,
       isDragEnabled: false
-    })), (0, _element.createElement)(_components.BaseControl, null, (0, _element.createElement)(_components.__experimentalNumberControl, {
+    })), (0, _react.createElement)(_components.BaseControl, null, (0, _react.createElement)(_components.__experimentalNumberControl, {
       __unstableInputWidth: "60px",
       label: (0, _i18n.__)('Offset'),
       labelPosition: "edge",
@@ -72,10 +72,10 @@ function QueryToolbar({
       step: "1",
       value: query.offset,
       isDragEnabled: false
-    })), (0, _element.createElement)(_components.BaseControl, {
+    })), (0, _react.createElement)(_components.BaseControl, {
       id: maxPageInputId,
       help: (0, _i18n.__)('Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).')
-    }, (0, _element.createElement)(_components.__experimentalNumberControl, {
+    }, (0, _react.createElement)(_components.__experimentalNumberControl, {
       id: maxPageInputId,
       __unstableInputWidth: "60px",
       label: (0, _i18n.__)('Max page to show'),
@@ -93,9 +93,9 @@ function QueryToolbar({
       value: query.pages,
       isDragEnabled: false
     })))
-  })), hasPatterns && (0, _element.createElement)(_components.ToolbarGroup, {
+  })), hasPatterns && (0, _react.createElement)(_components.ToolbarGroup, {
     className: "wp-block-template-part__block-control-group"
-  }, (0, _element.createElement)(_components.ToolbarButton, {
+  }, (0, _react.createElement)(_components.ToolbarButton, {
     onClick: openPatternSelectionModal
   }, (0, _i18n.__)('Replace'))));
 }

package/build/query/edit/query-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_compose","_i18n","_icons","_utils","QueryToolbar","attributes","query","setQuery","openPatternSelectionModal","name","clientId","hasPatterns","usePatterns","length","maxPageInputId","useInstanceId","_element","createElement","Fragment","inherit","ToolbarGroup","Dropdown","contentClassName","renderToggle","onToggle","ToolbarButton","icon","settings","label","__","onClick","renderContent","BaseControl","__experimentalNumberControl","__unstableInputWidth","labelPosition","min","max","onChange","value","isNaN","perPage","step","isDragEnabled","offset","id","help","pages","className"],"sources":["@wordpress/block-library/src/query/edit/query-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarGroup,\n\tDropdown,\n\tToolbarButton,\n\tBaseControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { usePatterns } from '../utils';\n\nexport default function QueryToolbar( {\n\tattributes: { query },\n\tsetQuery,\n\topenPatternSelectionModal,\n\tname,\n\tclientId,\n} ) {\n\tconst hasPatterns = !! usePatterns( clientId, name ).length;\n\tconst maxPageInputId = useInstanceId(\n\t\tQueryToolbar,\n\t\t'blocks-query-pagination-max-page-input'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ ! query.inherit && (\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tcontentClassName=\"block-library-query-toolbar__popover\"\n\t\t\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\t\t\tlabel={ __( 'Display settings' ) }\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Items per Page' ) }\n\t\t\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tisNaN( value ) ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue < 1 ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue > 100\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\t\t\tperPage: value,\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\t\t\tvalue={ query.perPage }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Offset' ) }\n\t\t\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tisNaN( value ) ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue < 0 ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue > 100\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetQuery( { offset: value } );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\t\t\tvalue={ query.offset }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t\t<BaseControl\n\t\t\t\t\t\t\t\t\tid={ maxPageInputId }\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).'\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\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\tid={ maxPageInputId }\n\t\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Max page to show' ) }\n\t\t\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( isNaN( value ) || value < 0 ) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetQuery( { pages: value } );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\t\t\tvalue={ query.pages }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t\t{ hasPatterns && (\n\t\t\t\t<ToolbarGroup className=\"wp-block-template-part__block-control-group\">\n\t\t\t\t\t<ToolbarButton onClick={ openPatternSelectionModal }>\n\t\t\t\t\t\t{ __( 'Replace' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAjBA;AACA;AACA;;AAYA;AACA;AACA;;AAGe,SAASK,YAAYA,CAAE;EACrCC,UAAU,EAAE;IAAEC;EAAM,CAAC;EACrBC,QAAQ;EACRC,yBAAyB;EACzBC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,WAAW,GAAG,CAAC,CAAE,IAAAC,kBAAW,EAAEF,QAAQ,EAAED,IAAK,CAAC,CAACI,MAAM;EAC3D,MAAMC,cAAc,GAAG,IAAAC,sBAAa,EACnCX,YAAY,EACZ,wCACD,CAAC;EAED,OACC,IAAAY,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACG,CAAEZ,KAAK,CAACa,OAAO,IAChB,IAAAH,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAsB,YAAY,QACZ,IAAAJ,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAuB,QAAQ;IACRC,gBAAgB,EAAC,sCAAsC;IACvDC,YAAY,EAAGA,CAAE;MAAEC;IAAS,CAAC,KAC5B,IAAAR,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,aAAa;MACbC,IAAI,EAAGC,eAAU;MACjBC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;MAClCC,OAAO,EAAGN;IAAU,CACpB,CACC;IACHO,aAAa,EAAGA,CAAA,KACf,IAAAf,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAkC,WAAW,QACX,IAAAhB,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAmC,2BAAa;MACbC,oBAAoB,EAAC,MAAM;MAC3BN,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;MAChCM,aAAa,EAAC,MAAM;MACpBC,GAAG,EAAG,CAAG;MACTC,GAAG,EAAG,GAAK;MACXC,QAAQ,EAAKC,KAAK,IAAM;QACvB,IACCC,KAAK,CAAED,KAAM,CAAC,IACdA,KAAK,GAAG,CAAC,IACTA,KAAK,GAAG,GAAG,EACV;UACD;QACD;QACAhC,QAAQ,CAAE;UACTkC,OAAO,EAAEF;QACV,CAAE,CAAC;MACJ,CAAG;MACHG,IAAI,EAAC,GAAG;MACRH,KAAK,EAAGjC,KAAK,CAACmC,OAAS;MACvBE,aAAa,EAAG;IAAO,CACvB,CACW,CAAC,EACd,IAAA3B,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAkC,WAAW,QACX,IAAAhB,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAmC,2BAAa;MACbC,oBAAoB,EAAC,MAAM;MAC3BN,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;MACxBM,aAAa,EAAC,MAAM;MACpBC,GAAG,EAAG,CAAG;MACTC,GAAG,EAAG,GAAK;MACXC,QAAQ,EAAKC,KAAK,IAAM;QACvB,IACCC,KAAK,CAAED,KAAM,CAAC,IACdA,KAAK,GAAG,CAAC,IACTA,KAAK,GAAG,GAAG,EACV;UACD;QACD;QACAhC,QAAQ,CAAE;UAAEqC,MAAM,EAAEL;QAAM,CAAE,CAAC;MAC9B,CAAG;MACHG,IAAI,EAAC,GAAG;MACRH,KAAK,EAAGjC,KAAK,CAACsC,MAAQ;MACtBD,aAAa,EAAG;IAAO,CACvB,CACW,CAAC,EACd,IAAA3B,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAkC,WAAW;MACXa,EAAE,EAAG/B,cAAgB;MACrBgC,IAAI,EAAG,IAAAjB,QAAE,EACR,uGACD;IAAG,GAEH,IAAAb,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAmC,2BAAa;MACbY,EAAE,EAAG/B,cAAgB;MACrBoB,oBAAoB,EAAC,MAAM;MAC3BN,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;MAClCM,aAAa,EAAC,MAAM;MACpBC,GAAG,EAAG,CAAG;MACTE,QAAQ,EAAKC,KAAK,IAAM;QACvB,IAAKC,KAAK,CAAED,KAAM,CAAC,IAAIA,KAAK,GAAG,CAAC,EAAG;UAClC;QACD;QACAhC,QAAQ,CAAE;UAAEwC,KAAK,EAAER;QAAM,CAAE,CAAC;MAC7B,CAAG;MACHG,IAAI,EAAC,GAAG;MACRH,KAAK,EAAGjC,KAAK,CAACyC,KAAO;MACrBJ,aAAa,EAAG;IAAO,CACvB,CACW,CACZ;EACA,CACH,CACY,CACd,EACChC,WAAW,IACZ,IAAAK,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAsB,YAAY;IAAC4B,SAAS,EAAC;EAA6C,GACpE,IAAAhC,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,aAAa;IAACK,OAAO,EAAGtB;EAA2B,GACjD,IAAAqB,QAAE,EAAE,SAAU,CACF,CACF,CAEd,CAAC;AAEL"}
+{"version":3,"names":["_components","require","_compose","_i18n","_icons","_utils","QueryToolbar","attributes","query","setQuery","openPatternSelectionModal","name","clientId","hasPatterns","usePatterns","length","maxPageInputId","useInstanceId","_react","createElement","Fragment","inherit","ToolbarGroup","Dropdown","contentClassName","renderToggle","onToggle","ToolbarButton","icon","settings","label","__","onClick","renderContent","BaseControl","__experimentalNumberControl","__unstableInputWidth","labelPosition","min","max","onChange","value","isNaN","perPage","step","isDragEnabled","offset","id","help","pages","className"],"sources":["@wordpress/block-library/src/query/edit/query-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarGroup,\n\tDropdown,\n\tToolbarButton,\n\tBaseControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { usePatterns } from '../utils';\n\nexport default function QueryToolbar( {\n\tattributes: { query },\n\tsetQuery,\n\topenPatternSelectionModal,\n\tname,\n\tclientId,\n} ) {\n\tconst hasPatterns = !! usePatterns( clientId, name ).length;\n\tconst maxPageInputId = useInstanceId(\n\t\tQueryToolbar,\n\t\t'blocks-query-pagination-max-page-input'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ ! query.inherit && (\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tcontentClassName=\"block-library-query-toolbar__popover\"\n\t\t\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\t\t\tlabel={ __( 'Display settings' ) }\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Items per Page' ) }\n\t\t\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tisNaN( value ) ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue < 1 ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue > 100\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\t\t\tperPage: value,\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\t\t\tvalue={ query.perPage }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Offset' ) }\n\t\t\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tisNaN( value ) ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue < 0 ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue > 100\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetQuery( { offset: value } );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\t\t\tvalue={ query.offset }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t\t<BaseControl\n\t\t\t\t\t\t\t\t\tid={ maxPageInputId }\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).'\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\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\tid={ maxPageInputId }\n\t\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Max page to show' ) }\n\t\t\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( isNaN( value ) || value < 0 ) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetQuery( { pages: value } );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\t\t\tvalue={ query.pages }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t\t{ hasPatterns && (\n\t\t\t\t<ToolbarGroup className=\"wp-block-template-part__block-control-group\">\n\t\t\t\t\t<ToolbarButton onClick={ openPatternSelectionModal }>\n\t\t\t\t\t\t{ __( 'Replace' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/query/icons.js

@@ -4,37 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.titleExcerpt = exports.titleDateExcerpt = exports.titleDate = exports.imageDateTitle = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
 
-const titleDate = (0, _element.createElement)(_components.SVG, {
+const titleDate = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 48 48"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.Path, {
   d: "M41 9H7v3h34V9zm-22 5H7v1h12v-1zM7 26h12v1H7v-1zm34-5H7v3h34v-3zM7 38h12v1H7v-1zm34-5H7v3h34v-3z"
 }));
 exports.titleDate = titleDate;
-const titleExcerpt = (0, _element.createElement)(_components.SVG, {
+const titleExcerpt = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 48 48"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.Path, {
   d: "M41 9H7v3h34V9zm-4 5H7v1h30v-1zm4 3H7v1h34v-1zM7 20h30v1H7v-1zm0 12h30v1H7v-1zm34 3H7v1h34v-1zM7 38h30v1H7v-1zm34-11H7v3h34v-3z"
 }));
 exports.titleExcerpt = titleExcerpt;
-const titleDateExcerpt = (0, _element.createElement)(_components.SVG, {
+const titleDateExcerpt = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 48 48"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.Path, {
   d: "M41 9H7v3h34V9zm-22 5H7v1h12v-1zm22 3H7v1h34v-1zM7 20h34v1H7v-1zm0 12h12v1H7v-1zm34 3H7v1h34v-1zM7 38h34v1H7v-1zm34-11H7v3h34v-3z"
 }));
 exports.titleDateExcerpt = titleDateExcerpt;
-const imageDateTitle = (0, _element.createElement)(_components.SVG, {
+const imageDateTitle = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 48 48"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.Path, {
   d: "M7 9h34v6H7V9zm12 8H7v1h12v-1zm18 3H7v1h30v-1zm0 18H7v1h30v-1zM7 35h12v1H7v-1zm34-8H7v6h34v-6z"
 }));
 exports.imageDateTitle = imageDateTitle;

package/build/query/icons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","titleDate","_element","createElement","SVG","xmlns","viewBox","Path","d","exports","titleExcerpt","titleDateExcerpt","imageDateTitle"],"sources":["@wordpress/block-library/src/query/icons.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport const titleDate = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M41 9H7v3h34V9zm-22 5H7v1h12v-1zM7 26h12v1H7v-1zm34-5H7v3h34v-3zM7 38h12v1H7v-1zm34-5H7v3h34v-3z\" />\n\t</SVG>\n);\n\nexport const titleExcerpt = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M41 9H7v3h34V9zm-4 5H7v1h30v-1zm4 3H7v1h34v-1zM7 20h30v1H7v-1zm0 12h30v1H7v-1zm34 3H7v1h34v-1zM7 38h30v1H7v-1zm34-11H7v3h34v-3z\" />\n\t</SVG>\n);\n\nexport const titleDateExcerpt = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M41 9H7v3h34V9zm-22 5H7v1h12v-1zm22 3H7v1h34v-1zM7 20h34v1H7v-1zm0 12h12v1H7v-1zm34 3H7v1h34v-1zM7 38h34v1H7v-1zm34-11H7v3h34v-3z\" />\n\t</SVG>\n);\n\nexport const imageDateTitle = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M7 9h34v6H7V9zm12 8H7v1h12v-1zm18 3H7v1h30v-1zm0 18H7v1h30v-1zM7 35h12v1H7v-1zm34-8H7v6h34v-6z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,SAAS,GACrB,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAkG,CAAE,CACxG,CACL;AAACC,OAAA,CAAAR,SAAA,GAAAA,SAAA;AAEK,MAAMS,YAAY,GACxB,IAAAR,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAiI,CAAE,CACvI,CACL;AAACC,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEK,MAAMC,gBAAgB,GAC5B,IAAAT,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAmI,CAAE,CACzI,CACL;AAACC,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AAEK,MAAMC,cAAc,GAC1B,IAAAV,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAgG,CAAE,CACtG,CACL;AAACC,OAAA,CAAAG,cAAA,GAAAA,cAAA"}
+{"version":3,"names":["_components","require","titleDate","_react","createElement","SVG","xmlns","viewBox","Path","d","exports","titleExcerpt","titleDateExcerpt","imageDateTitle"],"sources":["@wordpress/block-library/src/query/icons.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport const titleDate = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M41 9H7v3h34V9zm-22 5H7v1h12v-1zM7 26h12v1H7v-1zm34-5H7v3h34v-3zM7 38h12v1H7v-1zm34-5H7v3h34v-3z\" />\n\t</SVG>\n);\n\nexport const titleExcerpt = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M41 9H7v3h34V9zm-4 5H7v1h30v-1zm4 3H7v1h34v-1zM7 20h30v1H7v-1zm0 12h30v1H7v-1zm34 3H7v1h34v-1zM7 38h30v1H7v-1zm34-11H7v3h34v-3z\" />\n\t</SVG>\n);\n\nexport const titleDateExcerpt = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M41 9H7v3h34V9zm-22 5H7v1h12v-1zm22 3H7v1h34v-1zM7 20h34v1H7v-1zm0 12h12v1H7v-1zm34 3H7v1h34v-1zM7 38h34v1H7v-1zm34-11H7v3h34v-3z\" />\n\t</SVG>\n);\n\nexport const imageDateTitle = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n\t\t<Path d=\"M7 9h34v6H7V9zm12 8H7v1h12v-1zm18 3H7v1h30v-1zm0 18H7v1h30v-1zM7 35h12v1H7v-1zm34-8H7v6h34v-6z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,SAAS,GACrB,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAkG,CAAE,CACxG,CACL;AAACC,OAAA,CAAAR,SAAA,GAAAA,SAAA;AAEK,MAAMS,YAAY,GACxB,IAAAR,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAiI,CAAE,CACvI,CACL;AAACC,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEK,MAAMC,gBAAgB,GAC5B,IAAAT,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAmI,CAAE,CACzI,CACL;AAACC,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AAEK,MAAMC,cAAc,GAC1B,IAAAV,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAgG,CAAE,CACtG,CACL;AAACC,OAAA,CAAAG,cAAA,GAAAA,cAAA"}

package/build/query/save.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = QuerySave;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
@@ -17,7 +17,7 @@ function QuerySave({
 }) {
   const blockProps = _blockEditor.useBlockProps.save();
   const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
-  return (0, _element.createElement)(Tag, {
+  return (0, _react.createElement)(Tag, {
     ...innerBlocksProps
   });
 }

package/build/query/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","QuerySave","attributes","tagName","Tag","blockProps","useBlockProps","save","innerBlocksProps","useInnerBlocksProps","_element","createElement"],"sources":["@wordpress/block-library/src/query/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function QuerySave( { attributes: { tagName: Tag = 'div' } } ) {\n\tconst blockProps = useBlockProps.save();\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\treturn <Tag { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,SAASA,CAAE;EAAEC,UAAU,EAAE;IAAEC,OAAO,EAAEC,GAAG,GAAG;EAAM;AAAE,CAAC,EAAG;EAC7E,MAAMC,UAAU,GAAGC,0BAAa,CAACC,IAAI,CAAC,CAAC;EACvC,MAAMC,gBAAgB,GAAGC,gCAAmB,CAACF,IAAI,CAAEF,UAAW,CAAC;EAC/D,OAAO,IAAAK,QAAA,CAAAC,aAAA,EAACP,GAAG;IAAA,GAAMI;EAAgB,CAAI,CAAC;AACvC"}
+{"version":3,"names":["_blockEditor","require","QuerySave","attributes","tagName","Tag","blockProps","useBlockProps","save","innerBlocksProps","useInnerBlocksProps","_react","createElement"],"sources":["@wordpress/block-library/src/query/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function QuerySave( { attributes: { tagName: Tag = 'div' } } ) {\n\tconst blockProps = useBlockProps.save();\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\treturn <Tag { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,SAASA,CAAE;EAAEC,UAAU,EAAE;IAAEC,OAAO,EAAEC,GAAG,GAAG;EAAM;AAAE,CAAC,EAAG;EAC7E,MAAMC,UAAU,GAAGC,0BAAa,CAACC,IAAI,CAAC,CAAC;EACvC,MAAMC,gBAAgB,GAAGC,gCAAmB,CAACF,IAAI,CAAEF,UAAW,CAAC;EAC/D,OAAO,IAAAK,MAAA,CAAAC,aAAA,EAACP,GAAG;IAAA,GAAMI;EAAgB,CAAI,CAAC;AACvC"}

package/build/query/view.js

@@ -7,13 +7,13 @@ var _interactivity = require("@wordpress/interactivity");
 
 const isValidLink = ref => ref && ref instanceof window.HTMLAnchorElement && ref.href && (!ref.target || ref.target === '_self') && ref.origin === window.location.origin;
 const isValidEvent = event => event.button === 0 &&
-// left clicks only
+// Left clicks only.
 !event.metaKey &&
-// open in new tab (mac)
+// Open in new tab (Mac).
 !event.ctrlKey &&
-// open in new tab (windows)
+// Open in new tab (Windows).
 !event.altKey &&
-// download
+// Download.
 !event.shiftKey && !event.defaultPrevented;
 (0, _interactivity.store)({
   selectors: {
@@ -40,7 +40,7 @@ const isValidEvent = event => event.button === 0 &&
             event.preventDefault();
             const id = ref.closest('[data-wp-navigation-id]').dataset.wpNavigationId;
 
-            // Don't announce the navigation immediately, wait 300 ms.
+            // Don't announce the navigation immediately, wait 400 ms.
             const timeout = setTimeout(() => {
               context.core.query.message = context.core.query.loadingText;
               context.core.query.animation = 'start';

package/build/query/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interactivity","require","isValidLink","ref","window","HTMLAnchorElement","href","target","origin","location","isValidEvent","event","button","metaKey","ctrlKey","altKey","shiftKey","defaultPrevented","store","selectors","core","query","startAnimation","context","animation","finishAnimation","actions","navigate","preventDefault","id","closest","dataset","wpNavigationId","timeout","setTimeout","message","loadingText","clearTimeout","loadedText","url","firstAnchor","document","querySelector","focus","prefetch","effects"],"sources":["@wordpress/block-library/src/query/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, navigate, prefetch } from '@wordpress/interactivity';\n\nconst isValidLink = ( ref ) =>\n\tref &&\n\tref instanceof window.HTMLAnchorElement &&\n\tref.href &&\n\t( ! ref.target || ref.target === '_self' ) &&\n\tref.origin === window.location.origin;\n\nconst isValidEvent = ( event ) =>\n\tevent.button === 0 && // left clicks only\n\t! event.metaKey && // open in new tab (mac)\n\t! event.ctrlKey && // open in new tab (windows)\n\t! event.altKey && // download\n\t! event.shiftKey &&\n\t! event.defaultPrevented;\n\nstore( {\n\tselectors: {\n\t\tcore: {\n\t\t\tquery: {\n\t\t\t\tstartAnimation: ( { context } ) =>\n\t\t\t\t\tcontext.core.query.animation === 'start',\n\t\t\t\tfinishAnimation: ( { context } ) =>\n\t\t\t\t\tcontext.core.query.animation === 'finish',\n\t\t\t},\n\t\t},\n\t},\n\tactions: {\n\t\tcore: {\n\t\t\tquery: {\n\t\t\t\tnavigate: async ( { event, ref, context } ) => {\n\t\t\t\t\tif ( isValidLink( ref ) && isValidEvent( event ) ) {\n\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\tconst id = ref.closest( '[data-wp-navigation-id]' )\n\t\t\t\t\t\t\t.dataset.wpNavigationId;\n\n\t\t\t\t\t\t// Don't announce the navigation immediately, wait 300 ms.\n\t\t\t\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\t\t\t\tcontext.core.query.message =\n\t\t\t\t\t\t\t\tcontext.core.query.loadingText;\n\t\t\t\t\t\t\tcontext.core.query.animation = 'start';\n\t\t\t\t\t\t}, 400 );\n\n\t\t\t\t\t\tawait navigate( ref.href );\n\n\t\t\t\t\t\t// Dismiss loading message if it hasn't been added yet.\n\t\t\t\t\t\tclearTimeout( timeout );\n\n\t\t\t\t\t\t// Announce that the page has been loaded. If the message is the\n\t\t\t\t\t\t// same, we use a no-break space similar to the @wordpress/a11y\n\t\t\t\t\t\t// package: https://github.com/WordPress/gutenberg/blob/c395242b8e6ee20f8b06c199e4fc2920d7018af1/packages/a11y/src/filter-message.js#L20-L26\n\t\t\t\t\t\tcontext.core.query.message =\n\t\t\t\t\t\t\tcontext.core.query.loadedText +\n\t\t\t\t\t\t\t( context.core.query.message ===\n\t\t\t\t\t\t\tcontext.core.query.loadedText\n\t\t\t\t\t\t\t\t? '\\u00A0'\n\t\t\t\t\t\t\t\t: '' );\n\n\t\t\t\t\t\tcontext.core.query.animation = 'finish';\n\t\t\t\t\t\tcontext.core.query.url = ref.href;\n\n\t\t\t\t\t\t// Focus the first anchor of the Query block.\n\t\t\t\t\t\tconst firstAnchor = `[data-wp-navigation-id=${ id }] .wp-block-post-template a[href]`;\n\t\t\t\t\t\tdocument.querySelector( firstAnchor )?.focus();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tprefetch: async ( { ref } ) => {\n\t\t\t\t\tif ( isValidLink( ref ) ) {\n\t\t\t\t\t\tawait prefetch( ref.href );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\teffects: {\n\t\tcore: {\n\t\t\tquery: {\n\t\t\t\tprefetch: async ( { ref, context } ) => {\n\t\t\t\t\tif ( context.core.query.url && isValidLink( ref ) ) {\n\t\t\t\t\t\tawait prefetch( ref.href );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n} );\n"],"mappings":"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"}
+{"version":3,"names":["_interactivity","require","isValidLink","ref","window","HTMLAnchorElement","href","target","origin","location","isValidEvent","event","button","metaKey","ctrlKey","altKey","shiftKey","defaultPrevented","store","selectors","core","query","startAnimation","context","animation","finishAnimation","actions","navigate","preventDefault","id","closest","dataset","wpNavigationId","timeout","setTimeout","message","loadingText","clearTimeout","loadedText","url","firstAnchor","document","querySelector","focus","prefetch","effects"],"sources":["@wordpress/block-library/src/query/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, navigate, prefetch } from '@wordpress/interactivity';\n\nconst isValidLink = ( ref ) =>\n\tref &&\n\tref instanceof window.HTMLAnchorElement &&\n\tref.href &&\n\t( ! ref.target || ref.target === '_self' ) &&\n\tref.origin === window.location.origin;\n\nconst isValidEvent = ( event ) =>\n\tevent.button === 0 && // Left clicks only.\n\t! event.metaKey && // Open in new tab (Mac).\n\t! event.ctrlKey && // Open in new tab (Windows).\n\t! event.altKey && // Download.\n\t! event.shiftKey &&\n\t! event.defaultPrevented;\n\nstore( {\n\tselectors: {\n\t\tcore: {\n\t\t\tquery: {\n\t\t\t\tstartAnimation: ( { context } ) =>\n\t\t\t\t\tcontext.core.query.animation === 'start',\n\t\t\t\tfinishAnimation: ( { context } ) =>\n\t\t\t\t\tcontext.core.query.animation === 'finish',\n\t\t\t},\n\t\t},\n\t},\n\tactions: {\n\t\tcore: {\n\t\t\tquery: {\n\t\t\t\tnavigate: async ( { event, ref, context } ) => {\n\t\t\t\t\tif ( isValidLink( ref ) && isValidEvent( event ) ) {\n\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\tconst id = ref.closest( '[data-wp-navigation-id]' )\n\t\t\t\t\t\t\t.dataset.wpNavigationId;\n\n\t\t\t\t\t\t// Don't announce the navigation immediately, wait 400 ms.\n\t\t\t\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\t\t\t\tcontext.core.query.message =\n\t\t\t\t\t\t\t\tcontext.core.query.loadingText;\n\t\t\t\t\t\t\tcontext.core.query.animation = 'start';\n\t\t\t\t\t\t}, 400 );\n\n\t\t\t\t\t\tawait navigate( ref.href );\n\n\t\t\t\t\t\t// Dismiss loading message if it hasn't been added yet.\n\t\t\t\t\t\tclearTimeout( timeout );\n\n\t\t\t\t\t\t// Announce that the page has been loaded. If the message is the\n\t\t\t\t\t\t// same, we use a no-break space similar to the @wordpress/a11y\n\t\t\t\t\t\t// package: https://github.com/WordPress/gutenberg/blob/c395242b8e6ee20f8b06c199e4fc2920d7018af1/packages/a11y/src/filter-message.js#L20-L26\n\t\t\t\t\t\tcontext.core.query.message =\n\t\t\t\t\t\t\tcontext.core.query.loadedText +\n\t\t\t\t\t\t\t( context.core.query.message ===\n\t\t\t\t\t\t\tcontext.core.query.loadedText\n\t\t\t\t\t\t\t\t? '\\u00A0'\n\t\t\t\t\t\t\t\t: '' );\n\n\t\t\t\t\t\tcontext.core.query.animation = 'finish';\n\t\t\t\t\t\tcontext.core.query.url = ref.href;\n\n\t\t\t\t\t\t// Focus the first anchor of the Query block.\n\t\t\t\t\t\tconst firstAnchor = `[data-wp-navigation-id=${ id }] .wp-block-post-template a[href]`;\n\t\t\t\t\t\tdocument.querySelector( firstAnchor )?.focus();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tprefetch: async ( { ref } ) => {\n\t\t\t\t\tif ( isValidLink( ref ) ) {\n\t\t\t\t\t\tawait prefetch( ref.href );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\teffects: {\n\t\tcore: {\n\t\t\tquery: {\n\t\t\t\tprefetch: async ( { ref, context } ) => {\n\t\t\t\t\tif ( context.core.query.url && isValidLink( ref ) ) {\n\t\t\t\t\t\tawait prefetch( ref.href );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n} );\n"],"mappings":"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"}