@wordpress/block-library 8.35.0 → 9.0.0

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -14,6 +13,8 @@ import { __ } from '@wordpress/i18n';
  */
 import { useBlockNameForPatterns, getTransformedBlocksFromPattern, usePatterns } from '../utils';
 import { searchPatterns } from '../../utils/search-patterns';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function PatternSelectionModal({
   clientId,
   attributes,
@@ -45,27 +46,31 @@ export default function PatternSelectionModal({
     return searchPatterns(blockPatterns, searchValue);
   }, [blockPatterns, searchValue]);
   const shownBlockPatterns = useAsyncList(filteredBlockPatterns);
-  return createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     overlayClassName: "block-library-query-pattern__selection-modal",
     title: __('Choose a pattern'),
     onRequestClose: () => setIsPatternSelectionModalOpen(false),
-    isFullScreen: true
-  }, createElement("div", {
-    className: "block-library-query-pattern__selection-content"
-  }, createElement("div", {
-    className: "block-library-query-pattern__selection-search"
-  }, createElement(SearchControl, {
-    __nextHasNoMarginBottom: true,
-    onChange: setSearchValue,
-    value: searchValue,
-    label: __('Search for patterns'),
-    placeholder: __('Search')
-  })), createElement(BlockContextProvider, {
-    value: blockPreviewContext
-  }, createElement(BlockPatternsList, {
-    blockPatterns: filteredBlockPatterns,
-    shownPatterns: shownBlockPatterns,
-    onClickPattern: onBlockPatternSelect
-  }))));
+    isFullScreen: true,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "block-library-query-pattern__selection-content",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "block-library-query-pattern__selection-search",
+        children: /*#__PURE__*/_jsx(SearchControl, {
+          __nextHasNoMarginBottom: true,
+          onChange: setSearchValue,
+          value: searchValue,
+          label: __('Search for patterns'),
+          placeholder: __('Search')
+        })
+      }), /*#__PURE__*/_jsx(BlockContextProvider, {
+        value: blockPreviewContext,
+        children: /*#__PURE__*/_jsx(BlockPatternsList, {
+          blockPatterns: filteredBlockPatterns,
+          shownPatterns: shownBlockPatterns,
+          onClickPattern: onBlockPatternSelect
+        })
+      })]
+    })
+  });
 }
 //# sourceMappingURL=pattern-selection-modal.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useState","useMemo","useDispatch","Modal","SearchControl","useAsyncList","BlockContextProvider","store","blockEditorStore","__experimentalBlockPatternsList","BlockPatternsList","__","useBlockNameForPatterns","getTransformedBlocksFromPattern","usePatterns","searchPatterns","PatternSelectionModal","clientId","attributes","setIsPatternSelectionModalOpen","searchValue","setSearchValue","replaceBlock","selectBlock","onBlockPatternSelect","pattern","blocks","newBlocks","queryClientIds","blockPreviewContext","previewPostType","query","postType","blockNameForPatterns","blockPatterns","filteredBlockPatterns","shownBlockPatterns","createElement","overlayClassName","title","onRequestClose","isFullScreen","className","__nextHasNoMarginBottom","onChange","value","label","placeholder","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\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":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,OAAO,QAAQ,oBAAoB;AACtD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,EAAEC,aAAa,QAAQ,uBAAuB;AAC5D,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SACCC,oBAAoB,EACpBC,KAAK,IAAIC,gBAAgB,EACzBC,+BAA+B,IAAIC,iBAAiB,QAC9C,yBAAyB;AAChC,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SACCC,uBAAuB,EACvBC,+BAA+B,EAC/BC,WAAW,QACL,UAAU;AACjB,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,eAAe,SAASC,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGrB,QAAQ,CAAE,EAAG,CAAC;EACtD,MAAM;IAAEsB,YAAY;IAAEC;EAAY,CAAC,GAAGrB,WAAW,CAAEM,gBAAiB,CAAC;EACrE,MAAMgB,oBAAoB,GAAGA,CAAEC,OAAO,EAAEC,MAAM,KAAM;IACnD,MAAM;MAAEC,SAAS;MAAEC;IAAe,CAAC,GAAGf,+BAA+B,CACpEa,MAAM,EACNR,UACD,CAAC;IACDI,YAAY,CAAEL,QAAQ,EAAEU,SAAU,CAAC;IACnC,IAAKC,cAAc,CAAE,CAAC,CAAE,EAAG;MAC1BL,WAAW,CAAEK,cAAc,CAAE,CAAC,CAAG,CAAC;IACnC;EACD,CAAC;EACD;EACA;EACA,MAAMC,mBAAmB,GAAG5B,OAAO,CAClC,OAAQ;IACP6B,eAAe,EAAEZ,UAAU,CAACa,KAAK,CAACC;EACnC,CAAC,CAAE,EACH,CAAEd,UAAU,CAACa,KAAK,CAACC,QAAQ,CAC5B,CAAC;EACD,MAAMC,oBAAoB,GAAGrB,uBAAuB,CACnDK,QAAQ,EACRC,UACD,CAAC;EACD,MAAMgB,aAAa,GAAGpB,WAAW,CAAEG,QAAQ,EAAEgB,oBAAqB,CAAC;EACnE,MAAME,qBAAqB,GAAGlC,OAAO,CAAE,MAAM;IAC5C,OAAOc,cAAc,CAAEmB,aAAa,EAAEd,WAAY,CAAC;EACpD,CAAC,EAAE,CAAEc,aAAa,EAAEd,WAAW,CAAG,CAAC;EACnC,MAAMgB,kBAAkB,GAAG/B,YAAY,CAAE8B,qBAAsB,CAAC;EAEhE,OACCE,aAAA,CAAClC,KAAK;IACLmC,gBAAgB,EAAC,8CAA8C;IAC/DC,KAAK,EAAG5B,EAAE,CAAE,kBAAmB,CAAG;IAClC6B,cAAc,EAAGA,CAAA,KAAMrB,8BAA8B,CAAE,KAAM,CAAG;IAChEsB,YAAY;EAAA,GAEZJ,aAAA;IAAKK,SAAS,EAAC;EAAgD,GAC9DL,aAAA;IAAKK,SAAS,EAAC;EAA+C,GAC7DL,aAAA,CAACjC,aAAa;IACbuC,uBAAuB;IACvBC,QAAQ,EAAGvB,cAAgB;IAC3BwB,KAAK,EAAGzB,WAAa;IACrB0B,KAAK,EAAGnC,EAAE,CAAE,qBAAsB,CAAG;IACrCoC,WAAW,EAAGpC,EAAE,CAAE,QAAS;EAAG,CAC9B,CACG,CAAC,EACN0B,aAAA,CAAC/B,oBAAoB;IAACuC,KAAK,EAAGhB;EAAqB,GAClDQ,aAAA,CAAC3B,iBAAiB;IACjBwB,aAAa,EAAGC,qBAAuB;IACvCa,aAAa,EAAGZ,kBAAoB;IACpCa,cAAc,EAAGzB;EAAsB,CACvC,CACoB,CAClB,CACC,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["useState","useMemo","useDispatch","Modal","SearchControl","useAsyncList","BlockContextProvider","store","blockEditorStore","__experimentalBlockPatternsList","BlockPatternsList","__","useBlockNameForPatterns","getTransformedBlocksFromPattern","usePatterns","searchPatterns","jsx","_jsx","jsxs","_jsxs","PatternSelectionModal","clientId","attributes","setIsPatternSelectionModalOpen","searchValue","setSearchValue","replaceBlock","selectBlock","onBlockPatternSelect","pattern","blocks","newBlocks","queryClientIds","blockPreviewContext","previewPostType","query","postType","blockNameForPatterns","blockPatterns","filteredBlockPatterns","shownBlockPatterns","overlayClassName","title","onRequestClose","isFullScreen","children","className","__nextHasNoMarginBottom","onChange","value","label","placeholder","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\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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -16,6 +15,9 @@ import { store as coreStore } from '@wordpress/core-data';
 import QueryToolbar from './query-toolbar';
 import QueryInspectorControls from './inspector-controls';
 import EnhancedPaginationModal from './enhanced-pagination-modal';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULTS_POSTS_PER_PAGE = 3;
 const TEMPLATE = [['core/post-template']];
 export default function QueryContent({
@@ -107,48 +109,55 @@ export default function QueryContent({
     section: __("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
     aside: __("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.")
   };
-  return createElement(Fragment, null, createElement(EnhancedPaginationModal, {
-    attributes: attributes,
-    setAttributes: setAttributes,
-    clientId: clientId
-  }), createElement(InspectorControls, null, createElement(QueryInspectorControls, {
-    attributes: attributes,
-    setQuery: updateQuery,
-    setDisplayLayout: updateDisplayLayout,
-    setAttributes: setAttributes,
-    clientId: clientId
-  })), createElement(BlockControls, null, createElement(QueryToolbar, {
-    name: name,
-    clientId: clientId,
-    attributes: attributes,
-    setQuery: updateQuery,
-    openPatternSelectionModal: openPatternSelectionModal
-  })), createElement(InspectorControls, {
-    group: "advanced"
-  }, createElement(SelectControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: __('HTML element'),
-    options: [{
-      label: __('Default (<div>)'),
-      value: 'div'
-    }, {
-      label: '<main>',
-      value: 'main'
-    }, {
-      label: '<section>',
-      value: 'section'
-    }, {
-      label: '<aside>',
-      value: 'aside'
-    }],
-    value: TagName,
-    onChange: value => setAttributes({
-      tagName: value
-    }),
-    help: htmlElementMessages[TagName]
-  })), createElement(TagName, {
-    ...innerBlocksProps
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(EnhancedPaginationModal, {
+      attributes: attributes,
+      setAttributes: setAttributes,
+      clientId: clientId
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsx(QueryInspectorControls, {
+        attributes: attributes,
+        setQuery: updateQuery,
+        setDisplayLayout: updateDisplayLayout,
+        setAttributes: setAttributes,
+        clientId: clientId
+      })
+    }), /*#__PURE__*/_jsx(BlockControls, {
+      children: /*#__PURE__*/_jsx(QueryToolbar, {
+        name: name,
+        clientId: clientId,
+        attributes: attributes,
+        setQuery: updateQuery,
+        openPatternSelectionModal: openPatternSelectionModal
+      })
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      group: "advanced",
+      children: /*#__PURE__*/_jsx(SelectControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: __('HTML element'),
+        options: [{
+          label: __('Default (<div>)'),
+          value: 'div'
+        }, {
+          label: '<main>',
+          value: 'main'
+        }, {
+          label: '<section>',
+          value: 'section'
+        }, {
+          label: '<aside>',
+          value: 'aside'
+        }],
+        value: TagName,
+        onChange: value => setAttributes({
+          tagName: value
+        }),
+        help: htmlElementMessages[TagName]
+      })
+    }), /*#__PURE__*/_jsx(TagName, {
+      ...innerBlocksProps
+    })]
+  });
 }
 //# sourceMappingURL=query-content.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useDispatch","useInstanceId","useEffect","BlockControls","InspectorControls","useBlockProps","store","blockEditorStore","useInnerBlocksProps","SelectControl","__","coreStore","QueryToolbar","QueryInspectorControls","EnhancedPaginationModal","DEFAULTS_POSTS_PER_PAGE","TEMPLATE","QueryContent","attributes","setAttributes","openPatternSelectionModal","name","clientId","queryId","query","displayLayout","tagName","TagName","inherit","__unstableMarkNextChangeAsNotPersistent","instanceId","blockProps","innerBlocksProps","template","postsPerPage","select","getSettings","getEntityRecord","canUser","settingPerPage","posts_per_page","newQuery","perPage","Object","keys","length","updateQuery","Number","isFinite","updateDisplayLayout","newDisplayLayout","htmlElementMessages","main","section","aside","createElement","Fragment","setQuery","setDisplayLayout","group","__nextHasNoMarginBottom","__next40pxDefaultSize","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<InspectorControls>\n\t\t\t\t<QueryInspectorControls\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetQuery={ updateQuery }\n\t\t\t\t\tsetDisplayLayout={ updateDisplayLayout }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\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\t__next40pxDefaultSize\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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","ignoreList":[]}
+{"version":3,"names":["useSelect","useDispatch","useInstanceId","useEffect","BlockControls","InspectorControls","useBlockProps","store","blockEditorStore","useInnerBlocksProps","SelectControl","__","coreStore","QueryToolbar","QueryInspectorControls","EnhancedPaginationModal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULTS_POSTS_PER_PAGE","TEMPLATE","QueryContent","attributes","setAttributes","openPatternSelectionModal","name","clientId","queryId","query","displayLayout","tagName","TagName","inherit","__unstableMarkNextChangeAsNotPersistent","instanceId","blockProps","innerBlocksProps","template","postsPerPage","select","getSettings","getEntityRecord","canUser","settingPerPage","posts_per_page","newQuery","perPage","Object","keys","length","updateQuery","Number","isFinite","updateDisplayLayout","newDisplayLayout","htmlElementMessages","main","section","aside","children","setQuery","setDisplayLayout","group","__nextHasNoMarginBottom","__next40pxDefaultSize","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<InspectorControls>\n\t\t\t\t<QueryInspectorControls\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetQuery={ updateQuery }\n\t\t\t\t\tsetDisplayLayout={ updateDisplayLayout }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\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\t__next40pxDefaultSize\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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SACCC,aAAa,EACbC,iBAAiB,EACjBC,aAAa,EACbC,KAAK,IAAIC,gBAAgB,EACzBC,mBAAmB,QACb,yBAAyB;AAChC,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASJ,KAAK,IAAIK,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,sBAAsB,MAAM,sBAAsB;AACzD,OAAOC,uBAAuB,MAAM,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElE,MAAMC,uBAAuB,GAAG,CAAC;AAEjC,MAAMC,QAAQ,GAAG,CAAE,CAAE,oBAAoB,CAAE,CAAE;AAC7C,eAAe,SAASC,YAAYA,CAAE;EACrCC,UAAU;EACVC,aAAa;EACbC,yBAAyB;EACzBC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,OAAO;IACPC,KAAK;IACLC,aAAa;IACbC,OAAO,EAAEC,OAAO,GAAG,KAAK;IACxBH,KAAK,EAAE;MAAEI;IAAQ,CAAC,GAAG,CAAC;EACvB,CAAC,GAAGV,UAAU;EACd,MAAM;IAAEW;EAAwC,CAAC,GAChDnC,WAAW,CAAEO,gBAAiB,CAAC;EAChC,MAAM6B,UAAU,GAAGnC,aAAa,CAAEsB,YAAa,CAAC;EAChD,MAAMc,UAAU,GAAGhC,aAAa,CAAC,CAAC;EAClC,MAAMiC,gBAAgB,GAAG9B,mBAAmB,CAAE6B,UAAU,EAAE;IACzDE,QAAQ,EAAEjB;EACX,CAAE,CAAC;EACH,MAAM;IAAEkB;EAAa,CAAC,GAAGzC,SAAS,CAAI0C,MAAM,IAAM;IACjD,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAElC,gBAAiB,CAAC;IAClD,MAAM;MAAEoC,eAAe;MAAEC;IAAQ,CAAC,GAAGH,MAAM,CAAE9B,SAAU,CAAC;IACxD,MAAMkC,cAAc,GAAGD,OAAO,CAAE,MAAM,EAAE,UAAW,CAAC,GACjD,CAACD,eAAe,CAAE,MAAM,EAAE,MAAO,CAAC,EAAEG,cAAc,GAClD,CAACJ,WAAW,CAAC,CAAC,CAACF,YAAY;IAC9B,OAAO;MACNA,YAAY,EAAEK,cAAc,IAAIxB;IACjC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP;EACA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACAnB,SAAS,CAAE,MAAM;IAChB,MAAM6C,QAAQ,GAAG,CAAC,CAAC;IACnB;IACA;IACA,IAAKb,OAAO,IAAIJ,KAAK,CAACkB,OAAO,KAAKR,YAAY,EAAG;MAChDO,QAAQ,CAACC,OAAO,GAAGR,YAAY;IAChC,CAAC,MAAM,IAAK,CAAEV,KAAK,CAACkB,OAAO,IAAIR,YAAY,EAAG;MAC7CO,QAAQ,CAACC,OAAO,GAAGR,YAAY;IAChC;IACA,IAAK,CAAC,CAAES,MAAM,CAACC,IAAI,CAAEH,QAAS,CAAC,CAACI,MAAM,EAAG;MACxChB,uCAAuC,CAAC,CAAC;MACzCiB,WAAW,CAAEL,QAAS,CAAC;IACxB;EACD,CAAC,EAAE,CAAEjB,KAAK,CAACkB,OAAO,EAAER,YAAY,EAAEN,OAAO,CAAG,CAAC;EAC7C;EACA;EACAhC,SAAS,CAAE,MAAM;IAChB,IAAK,CAAEmD,MAAM,CAACC,QAAQ,CAAEzB,OAAQ,CAAC,EAAG;MACnCM,uCAAuC,CAAC,CAAC;MACzCV,aAAa,CAAE;QAAEI,OAAO,EAAEO;MAAW,CAAE,CAAC;IACzC;EACD,CAAC,EAAE,CAAEP,OAAO,EAAEO,UAAU,CAAG,CAAC;EAC5B,MAAMgB,WAAW,GAAKL,QAAQ,IAC7BtB,aAAa,CAAE;IAAEK,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAE,GAAGiB;IAAS;EAAE,CAAE,CAAC;EACtD,MAAMQ,mBAAmB,GAAKC,gBAAgB,IAC7C/B,aAAa,CAAE;IACdM,aAAa,EAAE;MAAE,GAAGA,aAAa;MAAE,GAAGyB;IAAiB;EACxD,CAAE,CAAC;EACJ,MAAMC,mBAAmB,GAAG;IAC3BC,IAAI,EAAEhD,EAAE,CACP,mFACD,CAAC;IACDiD,OAAO,EAAEjD,EAAE,CACV,kIACD,CAAC;IACDkD,KAAK,EAAElD,EAAE,CACR,uIACD;EACD,CAAC;EAED,oBACCU,KAAA,CAAAF,SAAA;IAAA2C,QAAA,gBACC7C,IAAA,CAACF,uBAAuB;MACvBU,UAAU,EAAGA,UAAY;MACzBC,aAAa,EAAGA,aAAe;MAC/BG,QAAQ,EAAGA;IAAU,CACrB,CAAC,eACFZ,IAAA,CAACZ,iBAAiB;MAAAyD,QAAA,eACjB7C,IAAA,CAACH,sBAAsB;QACtBW,UAAU,EAAGA,UAAY;QACzBsC,QAAQ,EAAGV,WAAa;QACxBW,gBAAgB,EAAGR,mBAAqB;QACxC9B,aAAa,EAAGA,aAAe;QAC/BG,QAAQ,EAAGA;MAAU,CACrB;IAAC,CACgB,CAAC,eACpBZ,IAAA,CAACb,aAAa;MAAA0D,QAAA,eACb7C,IAAA,CAACJ,YAAY;QACZe,IAAI,EAAGA,IAAM;QACbC,QAAQ,EAAGA,QAAU;QACrBJ,UAAU,EAAGA,UAAY;QACzBsC,QAAQ,EAAGV,WAAa;QACxB1B,yBAAyB,EAAGA;MAA2B,CACvD;IAAC,CACY,CAAC,eAChBV,IAAA,CAACZ,iBAAiB;MAAC4D,KAAK,EAAC,UAAU;MAAAH,QAAA,eAClC7C,IAAA,CAACP,aAAa;QACbwD,uBAAuB;QACvBC,qBAAqB;QACrBC,KAAK,EAAGzD,EAAE,CAAE,cAAe,CAAG;QAC9B0D,OAAO,EAAG,CACT;UAAED,KAAK,EAAEzD,EAAE,CAAE,iBAAkB,CAAC;UAAE2D,KAAK,EAAE;QAAM,CAAC,EAChD;UAAEF,KAAK,EAAE,QAAQ;UAAEE,KAAK,EAAE;QAAO,CAAC,EAClC;UAAEF,KAAK,EAAE,WAAW;UAAEE,KAAK,EAAE;QAAU,CAAC,EACxC;UAAEF,KAAK,EAAE,SAAS;UAAEE,KAAK,EAAE;QAAQ,CAAC,CAClC;QACHA,KAAK,EAAGpC,OAAS;QACjBqC,QAAQ,EAAKD,KAAK,IACjB5C,aAAa,CAAE;UAAEO,OAAO,EAAEqC;QAAM,CAAE,CAClC;QACDE,IAAI,EAAGd,mBAAmB,CAAExB,OAAO;MAAI,CACvC;IAAC,CACgB,CAAC,eACpBjB,IAAA,CAACiB,OAAO;MAAA,GAAMK;IAAgB,CAAI,CAAC;EAAA,CAClC,CAAC;AAEL","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,6 +12,8 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import { useScopedBlockVariations, useBlockNameForPatterns } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function QueryPlaceholder({
   attributes,
   clientId,
@@ -46,7 +47,7 @@ export default function QueryPlaceholder({
   const icon = activeBlockVariation?.icon?.src || activeBlockVariation?.icon || blockType?.icon?.src;
   const label = activeBlockVariation?.title || blockType?.title;
   if (isStartingBlank) {
-    return createElement(QueryVariationPicker, {
+    return /*#__PURE__*/_jsx(QueryVariationPicker, {
       clientId: clientId,
       attributes: attributes,
       setAttributes: setAttributes,
@@ -54,21 +55,25 @@ export default function QueryPlaceholder({
       label: label
     });
   }
-  return createElement("div", {
-    ...blockProps
-  }, createElement(Placeholder, {
-    icon: icon,
-    label: label,
-    instructions: __('Choose a pattern for the query loop or start blank.')
-  }, !!hasPatterns && createElement(Button, {
-    variant: "primary",
-    onClick: openPatternSelectionModal
-  }, __('Choose')), createElement(Button, {
-    variant: "secondary",
-    onClick: () => {
-      setIsStartingBlank(true);
-    }
-  }, __('Start blank'))));
+  return /*#__PURE__*/_jsx("div", {
+    ...blockProps,
+    children: /*#__PURE__*/_jsxs(Placeholder, {
+      icon: icon,
+      label: label,
+      instructions: __('Choose a pattern for the query loop or start blank.'),
+      children: [!!hasPatterns && /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        onClick: openPatternSelectionModal,
+        children: __('Choose')
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        onClick: () => {
+          setIsStartingBlank(true);
+        },
+        children: __('Start blank')
+      })]
+    })
+  });
 }
 function QueryVariationPicker({
   clientId,
@@ -82,27 +87,28 @@ function QueryVariationPicker({
     replaceInnerBlocks
   } = useDispatch(blockEditorStore);
   const blockProps = useBlockProps();
-  return createElement("div", {
-    ...blockProps
-  }, createElement(__experimentalBlockVariationPicker, {
-    icon: icon,
-    label: label,
-    variations: scopeVariations,
-    onSelect: variation => {
-      if (variation.attributes) {
-        setAttributes({
-          ...variation.attributes,
-          query: {
-            ...variation.attributes.query,
-            postType: attributes.query.postType || variation.attributes.query.postType
-          },
-          namespace: attributes.namespace
-        });
-      }
-      if (variation.innerBlocks) {
-        replaceInnerBlocks(clientId, createBlocksFromInnerBlocksTemplate(variation.innerBlocks), false);
+  return /*#__PURE__*/_jsx("div", {
+    ...blockProps,
+    children: /*#__PURE__*/_jsx(__experimentalBlockVariationPicker, {
+      icon: icon,
+      label: label,
+      variations: scopeVariations,
+      onSelect: variation => {
+        if (variation.attributes) {
+          setAttributes({
+            ...variation.attributes,
+            query: {
+              ...variation.attributes.query,
+              postType: attributes.query.postType || variation.attributes.query.postType
+            },
+            namespace: attributes.namespace
+          });
+        }
+        if (variation.innerBlocks) {
+          replaceInnerBlocks(clientId, createBlocksFromInnerBlocksTemplate(variation.innerBlocks), false);
+        }
       }
-    }
-  }));
+    })
+  });
 }
 //# sourceMappingURL=query-placeholder.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useDispatch","createBlocksFromInnerBlocksTemplate","store","blocksStore","useState","useBlockProps","blockEditorStore","__experimentalBlockVariationPicker","Button","Placeholder","__","useScopedBlockVariations","useBlockNameForPatterns","QueryPlaceholder","attributes","clientId","name","openPatternSelectionModal","setAttributes","isStartingBlank","setIsStartingBlank","blockProps","blockNameForPatterns","blockType","activeBlockVariation","hasPatterns","select","getActiveBlockVariation","getBlockType","getBlockRootClientId","getPatternsByBlockTypes","rootClientId","length","icon","src","label","title","createElement","QueryVariationPicker","instructions","variant","onClick","scopeVariations","replaceInnerBlocks","variations","onSelect","variation","query","postType","namespace","innerBlocks"],"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} 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\tconst { blockType, activeBlockVariation, hasPatterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveBlockVariation, getBlockType } =\n\t\t\t\tselect( 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\tactiveBlockVariation: getActiveBlockVariation(\n\t\t\t\t\tname,\n\t\t\t\t\tattributes\n\t\t\t\t),\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, attributes ]\n\t);\n\tconst icon =\n\t\tactiveBlockVariation?.icon?.src ||\n\t\tactiveBlockVariation?.icon ||\n\t\tblockType?.icon?.src;\n\tconst label = activeBlockVariation?.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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","ignoreList":[]}
+{"version":3,"names":["useSelect","useDispatch","createBlocksFromInnerBlocksTemplate","store","blocksStore","useState","useBlockProps","blockEditorStore","__experimentalBlockVariationPicker","Button","Placeholder","__","useScopedBlockVariations","useBlockNameForPatterns","jsx","_jsx","jsxs","_jsxs","QueryPlaceholder","attributes","clientId","name","openPatternSelectionModal","setAttributes","isStartingBlank","setIsStartingBlank","blockProps","blockNameForPatterns","blockType","activeBlockVariation","hasPatterns","select","getActiveBlockVariation","getBlockType","getBlockRootClientId","getPatternsByBlockTypes","rootClientId","length","icon","src","label","title","QueryVariationPicker","children","instructions","variant","onClick","scopeVariations","replaceInnerBlocks","variations","onSelect","variation","query","postType","namespace","innerBlocks"],"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} 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\tconst { blockType, activeBlockVariation, hasPatterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveBlockVariation, getBlockType } =\n\t\t\t\tselect( 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\tactiveBlockVariation: getActiveBlockVariation(\n\t\t\t\t\tname,\n\t\t\t\t\tattributes\n\t\t\t\t),\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, attributes ]\n\t);\n\tconst icon =\n\t\tactiveBlockVariation?.icon?.src ||\n\t\tactiveBlockVariation?.icon ||\n\t\tblockType?.icon?.src;\n\tconst label = activeBlockVariation?.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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,6 +10,9 @@ import { settings } from '@wordpress/icons';
  * Internal dependencies
  */
 import { usePatterns } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function QueryToolbar({
   attributes: {
     query
@@ -22,74 +24,87 @@ export default function QueryToolbar({
 }) {
   const hasPatterns = !!usePatterns(clientId, name).length;
   const maxPageInputId = useInstanceId(QueryToolbar, 'blocks-query-pagination-max-page-input');
-  return createElement(Fragment, null, !query.inherit && createElement(ToolbarGroup, null, createElement(Dropdown, {
-    contentClassName: "block-library-query-toolbar__popover",
-    renderToggle: ({
-      onToggle
-    }) => createElement(ToolbarButton, {
-      icon: settings,
-      label: __('Display settings'),
-      onClick: onToggle
-    }),
-    renderContent: () => createElement(Fragment, null, createElement(BaseControl, null, createElement(NumberControl, {
-      __unstableInputWidth: "60px",
-      label: __('Items per Page'),
-      labelPosition: "edge",
-      min: 1,
-      max: 100,
-      onChange: value => {
-        if (isNaN(value) || value < 1 || value > 100) {
-          return;
-        }
-        setQuery({
-          perPage: value
-        });
-      },
-      step: "1",
-      value: query.perPage,
-      isDragEnabled: false
-    })), createElement(BaseControl, null, createElement(NumberControl, {
-      __unstableInputWidth: "60px",
-      label: __('Offset'),
-      labelPosition: "edge",
-      min: 0,
-      max: 100,
-      onChange: value => {
-        if (isNaN(value) || value < 0 || value > 100) {
-          return;
-        }
-        setQuery({
-          offset: value
-        });
-      },
-      step: "1",
-      value: query.offset,
-      isDragEnabled: false
-    })), createElement(BaseControl, {
-      id: maxPageInputId,
-      help: __('Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).')
-    }, createElement(NumberControl, {
-      id: maxPageInputId,
-      __unstableInputWidth: "60px",
-      label: __('Max page to show'),
-      labelPosition: "edge",
-      min: 0,
-      onChange: value => {
-        if (isNaN(value) || value < 0) {
-          return;
-        }
-        setQuery({
-          pages: value
-        });
-      },
-      step: "1",
-      value: query.pages,
-      isDragEnabled: false
-    })))
-  })), hasPatterns && createElement(ToolbarGroup, {
-    className: "wp-block-template-part__block-control-group"
-  }, createElement(ToolbarButton, {
-    onClick: openPatternSelectionModal
-  }, __('Replace'))));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!query.inherit && /*#__PURE__*/_jsx(ToolbarGroup, {
+      children: /*#__PURE__*/_jsx(Dropdown, {
+        contentClassName: "block-library-query-toolbar__popover",
+        renderToggle: ({
+          onToggle
+        }) => /*#__PURE__*/_jsx(ToolbarButton, {
+          icon: settings,
+          label: __('Display settings'),
+          onClick: onToggle
+        }),
+        renderContent: () => /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(BaseControl, {
+            children: /*#__PURE__*/_jsx(NumberControl, {
+              __unstableInputWidth: "60px",
+              label: __('Items per Page'),
+              labelPosition: "edge",
+              min: 1,
+              max: 100,
+              onChange: value => {
+                if (isNaN(value) || value < 1 || value > 100) {
+                  return;
+                }
+                setQuery({
+                  perPage: value
+                });
+              },
+              step: "1",
+              value: query.perPage,
+              isDragEnabled: false
+            })
+          }), /*#__PURE__*/_jsx(BaseControl, {
+            children: /*#__PURE__*/_jsx(NumberControl, {
+              __unstableInputWidth: "60px",
+              label: __('Offset'),
+              labelPosition: "edge",
+              min: 0,
+              max: 100,
+              onChange: value => {
+                if (isNaN(value) || value < 0 || value > 100) {
+                  return;
+                }
+                setQuery({
+                  offset: value
+                });
+              },
+              step: "1",
+              value: query.offset,
+              isDragEnabled: false
+            })
+          }), /*#__PURE__*/_jsx(BaseControl, {
+            id: maxPageInputId,
+            help: __('Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).'),
+            children: /*#__PURE__*/_jsx(NumberControl, {
+              id: maxPageInputId,
+              __unstableInputWidth: "60px",
+              label: __('Max page to show'),
+              labelPosition: "edge",
+              min: 0,
+              onChange: value => {
+                if (isNaN(value) || value < 0) {
+                  return;
+                }
+                setQuery({
+                  pages: value
+                });
+              },
+              step: "1",
+              value: query.pages,
+              isDragEnabled: false
+            })
+          })]
+        })
+      })
+    }), hasPatterns && /*#__PURE__*/_jsx(ToolbarGroup, {
+      className: "wp-block-template-part__block-control-group",
+      children: /*#__PURE__*/_jsx(ToolbarButton, {
+        onClick: openPatternSelectionModal,
+        children: __('Replace')
+      })
+    })]
+  });
 }
 //# sourceMappingURL=query-toolbar.js.map