@wordpress/edit-site 5.19.2 → 5.20.0

package/build-module/components/block-editor/block-editor-provider/default-block-editor-provider.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -28,8 +28,8 @@ const noop = () => {};
  * mimic the look and feel of the post editor and
  * allow editing of the page content only.
  *
- * @param {Object}    props
- * @param {WPElement} props.children
+ * @param {Object}  props
+ * @param {Element} props.children
  */
 export default function DefaultBlockEditorProvider({
   children
@@ -53,10 +53,14 @@ export default function DefaultBlockEditorProvider({
     };
   }, []);
   const [blocks, onInput, onChange] = useEntityBlockEditor('postType', templateType);
-  const pageContentBlock = usePageContentBlocks(blocks, isTemplateHidden);
+  const pageContentBlocks = usePageContentBlocks({
+    blocks,
+    isPageContentFocused: isTemplateHidden,
+    wrapPageContent: true
+  });
   return createElement(ExperimentalBlockEditorProvider, {
     settings: settings,
-    value: isTemplateHidden && pageContentBlock.length ? pageContentBlock : blocks,
+    value: isTemplateHidden && pageContentBlocks.length ? pageContentBlocks : blocks,
     onInput: isTemplateHidden ? noop : onInput,
     onChange: isTemplateHidden ? noop : onChange,
     useSubRegistry: false

package/build-module/components/block-editor/block-editor-provider/default-block-editor-provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEntityBlockEditor","privateApis","blockEditorPrivateApis","useSelect","store","editSiteStore","unlock","useSiteEditorSettings","usePageContentBlocks","ExperimentalBlockEditorProvider","noop","DefaultBlockEditorProvider","children","settings","templateType","isTemplateHidden","select","getEditedPostType","getPageContentFocusType","getCanvasMode","canvasMode","blocks","onInput","onChange","pageContentBlock","createElement","value","length","useSubRegistry"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/default-block-editor-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\nimport useSiteEditorSettings from '../use-site-editor-settings';\nimport usePageContentBlocks from './use-page-content-blocks';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nconst noop = () => {};\n\n/**\n * The default block editor provider for the site editor. Typically used when\n * the post type is `'wp_template_part'` or `'wp_template'` and allows editing\n * of the template and its nested entities.\n *\n * If the page content focus type is `'hideTemplate'`, the provider will provide\n * a set of page content blocks wrapped in a container that, together,\n * mimic the look and feel of the post editor and\n * allow editing of the page content only.\n *\n * @param {Object}    props\n * @param {WPElement} props.children\n */\nexport default function DefaultBlockEditorProvider( { children } ) {\n\tconst settings = useSiteEditorSettings();\n\n\tconst { templateType, isTemplateHidden } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { getPageContentFocusType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\treturn {\n\t\t\ttemplateType: getEditedPostType(),\n\t\t\tisTemplateHidden:\n\t\t\t\tgetCanvasMode() === 'edit' &&\n\t\t\t\tgetPageContentFocusType() === 'hideTemplate',\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t};\n\t}, [] );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\ttemplateType\n\t);\n\tconst pageContentBlock = usePageContentBlocks( blocks, isTemplateHidden );\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tsettings={ settings }\n\t\t\tvalue={\n\t\t\t\tisTemplateHidden && pageContentBlock.length\n\t\t\t\t\t? pageContentBlock\n\t\t\t\t\t: blocks\n\t\t\t}\n\t\t\tonInput={ isTemplateHidden ? noop : onInput }\n\t\t\tonChange={ isTemplateHidden ? noop : onChange }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,oBAAoB,QAAQ,sBAAsB;AAC3D,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,gBAAgB;AACvD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,OAAOC,qBAAqB,MAAM,6BAA6B;AAC/D,OAAOC,oBAAoB,MAAM,2BAA2B;AAE5D,MAAM;EAAEC;AAAgC,CAAC,GAAGH,MAAM,CAAEJ,sBAAuB,CAAC;AAE5E,MAAMQ,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,0BAA0BA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAClE,MAAMC,QAAQ,GAAGN,qBAAqB,CAAC,CAAC;EAExC,MAAM;IAAEO,YAAY;IAAEC;EAAiB,CAAC,GAAGZ,SAAS,CAAIa,MAAM,IAAM;IACnE,MAAM;MAAEC;IAAkB,CAAC,GAAGD,MAAM,CAAEX,aAAc,CAAC;IACrD,MAAM;MAAEa,uBAAuB;MAAEC;IAAc,CAAC,GAAGb,MAAM,CACxDU,MAAM,CAAEX,aAAc,CACvB,CAAC;IACD,OAAO;MACNS,YAAY,EAAEG,iBAAiB,CAAC,CAAC;MACjCF,gBAAgB,EACfI,aAAa,CAAC,CAAC,KAAK,MAAM,IAC1BD,uBAAuB,CAAC,CAAC,KAAK,cAAc;MAC7CE,UAAU,EAAEd,MAAM,CAAEU,MAAM,CAAEX,aAAc,CAAE,CAAC,CAACc,aAAa,CAAC;IAC7D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEE,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAGvB,oBAAoB,CACzD,UAAU,EACVc,YACD,CAAC;EACD,MAAMU,gBAAgB,GAAGhB,oBAAoB,CAAEa,MAAM,EAAEN,gBAAiB,CAAC;EACzE,OACCU,aAAA,CAAChB,+BAA+B;IAC/BI,QAAQ,EAAGA,QAAU;IACrBa,KAAK,EACJX,gBAAgB,IAAIS,gBAAgB,CAACG,MAAM,GACxCH,gBAAgB,GAChBH,MACH;IACDC,OAAO,EAAGP,gBAAgB,GAAGL,IAAI,GAAGY,OAAS;IAC7CC,QAAQ,EAAGR,gBAAgB,GAAGL,IAAI,GAAGa,QAAU;IAC/CK,cAAc,EAAG;EAAO,GAEtBhB,QAC8B,CAAC;AAEpC"}
+{"version":3,"names":["useEntityBlockEditor","privateApis","blockEditorPrivateApis","useSelect","store","editSiteStore","unlock","useSiteEditorSettings","usePageContentBlocks","ExperimentalBlockEditorProvider","noop","DefaultBlockEditorProvider","children","settings","templateType","isTemplateHidden","select","getEditedPostType","getPageContentFocusType","getCanvasMode","canvasMode","blocks","onInput","onChange","pageContentBlocks","isPageContentFocused","wrapPageContent","createElement","value","length","useSubRegistry"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/default-block-editor-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\nimport useSiteEditorSettings from '../use-site-editor-settings';\nimport usePageContentBlocks from './use-page-content-blocks';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nconst noop = () => {};\n\n/**\n * The default block editor provider for the site editor. Typically used when\n * the post type is `'wp_template_part'` or `'wp_template'` and allows editing\n * of the template and its nested entities.\n *\n * If the page content focus type is `'hideTemplate'`, the provider will provide\n * a set of page content blocks wrapped in a container that, together,\n * mimic the look and feel of the post editor and\n * allow editing of the page content only.\n *\n * @param {Object}  props\n * @param {Element} props.children\n */\nexport default function DefaultBlockEditorProvider( { children } ) {\n\tconst settings = useSiteEditorSettings();\n\n\tconst { templateType, isTemplateHidden } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType } = select( editSiteStore );\n\t\tconst { getPageContentFocusType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\treturn {\n\t\t\ttemplateType: getEditedPostType(),\n\t\t\tisTemplateHidden:\n\t\t\t\tgetCanvasMode() === 'edit' &&\n\t\t\t\tgetPageContentFocusType() === 'hideTemplate',\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t};\n\t}, [] );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\ttemplateType\n\t);\n\tconst pageContentBlocks = usePageContentBlocks( {\n\t\tblocks,\n\t\tisPageContentFocused: isTemplateHidden,\n\t\twrapPageContent: true,\n\t} );\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tsettings={ settings }\n\t\t\tvalue={\n\t\t\t\tisTemplateHidden && pageContentBlocks.length\n\t\t\t\t\t? pageContentBlocks\n\t\t\t\t\t: blocks\n\t\t\t}\n\t\t\tonInput={ isTemplateHidden ? noop : onInput }\n\t\t\tonChange={ isTemplateHidden ? noop : onChange }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,oBAAoB,QAAQ,sBAAsB;AAC3D,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,gBAAgB;AACvD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,OAAOC,qBAAqB,MAAM,6BAA6B;AAC/D,OAAOC,oBAAoB,MAAM,2BAA2B;AAE5D,MAAM;EAAEC;AAAgC,CAAC,GAAGH,MAAM,CAAEJ,sBAAuB,CAAC;AAE5E,MAAMQ,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,0BAA0BA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAClE,MAAMC,QAAQ,GAAGN,qBAAqB,CAAC,CAAC;EAExC,MAAM;IAAEO,YAAY;IAAEC;EAAiB,CAAC,GAAGZ,SAAS,CAAIa,MAAM,IAAM;IACnE,MAAM;MAAEC;IAAkB,CAAC,GAAGD,MAAM,CAAEX,aAAc,CAAC;IACrD,MAAM;MAAEa,uBAAuB;MAAEC;IAAc,CAAC,GAAGb,MAAM,CACxDU,MAAM,CAAEX,aAAc,CACvB,CAAC;IACD,OAAO;MACNS,YAAY,EAAEG,iBAAiB,CAAC,CAAC;MACjCF,gBAAgB,EACfI,aAAa,CAAC,CAAC,KAAK,MAAM,IAC1BD,uBAAuB,CAAC,CAAC,KAAK,cAAc;MAC7CE,UAAU,EAAEd,MAAM,CAAEU,MAAM,CAAEX,aAAc,CAAE,CAAC,CAACc,aAAa,CAAC;IAC7D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEE,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAGvB,oBAAoB,CACzD,UAAU,EACVc,YACD,CAAC;EACD,MAAMU,iBAAiB,GAAGhB,oBAAoB,CAAE;IAC/Ca,MAAM;IACNI,oBAAoB,EAAEV,gBAAgB;IACtCW,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,OACCC,aAAA,CAAClB,+BAA+B;IAC/BI,QAAQ,EAAGA,QAAU;IACrBe,KAAK,EACJb,gBAAgB,IAAIS,iBAAiB,CAACK,MAAM,GACzCL,iBAAiB,GACjBH,MACH;IACDC,OAAO,EAAGP,gBAAgB,GAAGL,IAAI,GAAGY,OAAS;IAC7CC,QAAQ,EAAGR,gBAAgB,GAAGL,IAAI,GAAGa,QAAU;IAC/CO,cAAc,EAAG;EAAO,GAEtBlB,QAC8B,CAAC;AAEpC"}

package/build-module/components/block-editor/block-editor-provider/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/block-editor/block-editor-provider/navigation-block-editor-provider.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/block-editor/block-editor-provider/use-page-content-blocks.js

@@ -37,18 +37,30 @@ function flattenBlocks(blocks, transform) {
 
 /**
  * Returns a memoized array of blocks that contain only page content blocks,
- * surrounded by a group block to mimic the post editor.
- *
- * @param {Array}   blocks               Block list.
- * @param {boolean} isPageContentFocused Whether the page content has focus. If `true` return page content blocks. Default `false`.
+ * surrounded by an optional group block to mimic the post editor.
  *
+ * @param {Object}  props                      The argument for the function.
+ * @param {Array}   props.blocks               Block list.
+ * @param {boolean} props.isPageContentFocused Whether the page content has focus (and the surrounding template is inert). If `true` return page content blocks. Default `false`.
+ * @param {boolean} props.wrapPageContent      Whether to wrap the page content blocks in a group block to mimic the post editor. Default `false`.
  * @return {Array} Page content blocks.
  */
-export default function usePageContentBlocks(blocks, isPageContentFocused = false) {
+export default function usePageContentBlocks({
+  blocks = [],
+  isPageContentFocused = false,
+  wrapPageContent = false
+}) {
   return useMemo(() => {
-    if (!isPageContentFocused || !blocks || !blocks.length) {
+    if (!isPageContentFocused || !blocks?.length) {
+      return [];
+    }
+    const innerBlocks = flattenBlocks(blocks, block => PAGE_CONTENT_BLOCK_TYPES[block.name] ? createBlock(block.name) : undefined);
+    if (!innerBlocks.length) {
       return [];
     }
+    if (!wrapPageContent) {
+      return innerBlocks;
+    }
     return [createBlock('core/group', {
       layout: {
         type: 'constrained'
@@ -60,11 +72,7 @@ export default function usePageContentBlocks(blocks, isPageContentFocused = fals
           }
         }
       }
-    }, flattenBlocks(blocks, block => {
-      if (PAGE_CONTENT_BLOCK_TYPES[block.name]) {
-        return createBlock(block.name);
-      }
-    }))];
+    }, innerBlocks)];
   }, [blocks, isPageContentFocused]);
 }
 //# sourceMappingURL=use-page-content-blocks.js.map

package/build-module/components/block-editor/block-editor-provider/use-page-content-blocks.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","createBlock","PAGE_CONTENT_BLOCK_TYPES","flattenBlocks","blocks","transform","result","i","length","includes","name","transformedBlock","push","innerBlocks","usePageContentBlocks","isPageContentFocused","layout","type","style","spacing","margin","top","block"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/use-page-content-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../../utils/constants';\n\n/**\n * Helper method to iterate through all blocks, recursing into allowed inner blocks.\n * Returns a flattened object of transformed blocks.\n *\n * @param {Array}    blocks    Blocks to flatten.\n * @param {Function} transform Transforming function to be applied to each block. If transform returns `undefined`, the block is skipped.\n *\n * @return {Array} Flattened object.\n */\nfunction flattenBlocks( blocks, transform ) {\n\tconst result = [];\n\tfor ( let i = 0; i < blocks.length; i++ ) {\n\t\t// Since the Query Block could contain PAGE_CONTENT_BLOCK_TYPES block types,\n\t\t// we skip it because we only want to render stand-alone page content blocks in the block list.\n\t\tif ( [ 'core/query' ].includes( blocks[ i ].name ) ) {\n\t\t\tcontinue;\n\t\t}\n\t\tconst transformedBlock = transform( blocks[ i ] );\n\t\tif ( transformedBlock ) {\n\t\t\tresult.push( transformedBlock );\n\t\t}\n\t\tresult.push( ...flattenBlocks( blocks[ i ].innerBlocks, transform ) );\n\t}\n\n\treturn result;\n}\n\n/**\n * Returns a memoized array of blocks that contain only page content blocks,\n * surrounded by a group block to mimic the post editor.\n *\n * @param {Array}   blocks               Block list.\n * @param {boolean} isPageContentFocused Whether the page content has focus. If `true` return page content blocks. Default `false`.\n *\n * @return {Array} Page content blocks.\n */\nexport default function usePageContentBlocks(\n\tblocks,\n\tisPageContentFocused = false\n) {\n\treturn useMemo( () => {\n\t\tif ( ! isPageContentFocused || ! blocks || ! blocks.length ) {\n\t\t\treturn [];\n\t\t}\n\t\treturn [\n\t\t\tcreateBlock(\n\t\t\t\t'core/group',\n\t\t\t\t{\n\t\t\t\t\tlayout: { type: 'constrained' },\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tspacing: {\n\t\t\t\t\t\t\tmargin: {\n\t\t\t\t\t\t\t\ttop: '4em', // Mimics the post editor.\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},\n\t\t\t\tflattenBlocks( blocks, ( block ) => {\n\t\t\t\t\tif ( PAGE_CONTENT_BLOCK_TYPES[ block.name ] ) {\n\t\t\t\t\t\treturn createBlock( block.name );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t),\n\t\t];\n\t}, [ blocks, isPageContentFocused ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,WAAW,QAAQ,mBAAmB;;AAE/C;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,0BAA0B;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAEC,MAAM,EAAEC,SAAS,EAAG;EAC3C,MAAMC,MAAM,GAAG,EAAE;EACjB,KAAM,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,MAAM,CAACI,MAAM,EAAED,CAAC,EAAE,EAAG;IACzC;IACA;IACA,IAAK,CAAE,YAAY,CAAE,CAACE,QAAQ,CAAEL,MAAM,CAAEG,CAAC,CAAE,CAACG,IAAK,CAAC,EAAG;MACpD;IACD;IACA,MAAMC,gBAAgB,GAAGN,SAAS,CAAED,MAAM,CAAEG,CAAC,CAAG,CAAC;IACjD,IAAKI,gBAAgB,EAAG;MACvBL,MAAM,CAACM,IAAI,CAAED,gBAAiB,CAAC;IAChC;IACAL,MAAM,CAACM,IAAI,CAAE,GAAGT,aAAa,CAAEC,MAAM,CAAEG,CAAC,CAAE,CAACM,WAAW,EAAER,SAAU,CAAE,CAAC;EACtE;EAEA,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASQ,oBAAoBA,CAC3CV,MAAM,EACNW,oBAAoB,GAAG,KAAK,EAC3B;EACD,OAAOf,OAAO,CAAE,MAAM;IACrB,IAAK,CAAEe,oBAAoB,IAAI,CAAEX,MAAM,IAAI,CAAEA,MAAM,CAACI,MAAM,EAAG;MAC5D,OAAO,EAAE;IACV;IACA,OAAO,CACNP,WAAW,CACV,YAAY,EACZ;MACCe,MAAM,EAAE;QAAEC,IAAI,EAAE;MAAc,CAAC;MAC/BC,KAAK,EAAE;QACNC,OAAO,EAAE;UACRC,MAAM,EAAE;YACPC,GAAG,EAAE,KAAK,CAAE;UACb;QACD;MACD;IACD,CAAC,EACDlB,aAAa,CAAEC,MAAM,EAAIkB,KAAK,IAAM;MACnC,IAAKpB,wBAAwB,CAAEoB,KAAK,CAACZ,IAAI,CAAE,EAAG;QAC7C,OAAOT,WAAW,CAAEqB,KAAK,CAACZ,IAAK,CAAC;MACjC;IACD,CAAE,CACH,CAAC,CACD;EACF,CAAC,EAAE,CAAEN,MAAM,EAAEW,oBAAoB,CAAG,CAAC;AACtC"}
+{"version":3,"names":["useMemo","createBlock","PAGE_CONTENT_BLOCK_TYPES","flattenBlocks","blocks","transform","result","i","length","includes","name","transformedBlock","push","innerBlocks","usePageContentBlocks","isPageContentFocused","wrapPageContent","block","undefined","layout","type","style","spacing","margin","top"],"sources":["@wordpress/edit-site/src/components/block-editor/block-editor-provider/use-page-content-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { PAGE_CONTENT_BLOCK_TYPES } from '../../../utils/constants';\n\n/**\n * Helper method to iterate through all blocks, recursing into allowed inner blocks.\n * Returns a flattened object of transformed blocks.\n *\n * @param {Array}    blocks    Blocks to flatten.\n * @param {Function} transform Transforming function to be applied to each block. If transform returns `undefined`, the block is skipped.\n *\n * @return {Array} Flattened object.\n */\nfunction flattenBlocks( blocks, transform ) {\n\tconst result = [];\n\tfor ( let i = 0; i < blocks.length; i++ ) {\n\t\t// Since the Query Block could contain PAGE_CONTENT_BLOCK_TYPES block types,\n\t\t// we skip it because we only want to render stand-alone page content blocks in the block list.\n\t\tif ( [ 'core/query' ].includes( blocks[ i ].name ) ) {\n\t\t\tcontinue;\n\t\t}\n\t\tconst transformedBlock = transform( blocks[ i ] );\n\t\tif ( transformedBlock ) {\n\t\t\tresult.push( transformedBlock );\n\t\t}\n\t\tresult.push( ...flattenBlocks( blocks[ i ].innerBlocks, transform ) );\n\t}\n\n\treturn result;\n}\n\n/**\n * Returns a memoized array of blocks that contain only page content blocks,\n * surrounded by an optional group block to mimic the post editor.\n *\n * @param {Object}  props                      The argument for the function.\n * @param {Array}   props.blocks               Block list.\n * @param {boolean} props.isPageContentFocused Whether the page content has focus (and the surrounding template is inert). If `true` return page content blocks. Default `false`.\n * @param {boolean} props.wrapPageContent      Whether to wrap the page content blocks in a group block to mimic the post editor. Default `false`.\n * @return {Array} Page content blocks.\n */\nexport default function usePageContentBlocks( {\n\tblocks = [],\n\tisPageContentFocused = false,\n\twrapPageContent = false,\n} ) {\n\treturn useMemo( () => {\n\t\tif ( ! isPageContentFocused || ! blocks?.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst innerBlocks = flattenBlocks( blocks, ( block ) =>\n\t\t\tPAGE_CONTENT_BLOCK_TYPES[ block.name ]\n\t\t\t\t? createBlock( block.name )\n\t\t\t\t: undefined\n\t\t);\n\n\t\tif ( ! innerBlocks.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tif ( ! wrapPageContent ) {\n\t\t\treturn innerBlocks;\n\t\t}\n\n\t\treturn [\n\t\t\tcreateBlock(\n\t\t\t\t'core/group',\n\t\t\t\t{\n\t\t\t\t\tlayout: { type: 'constrained' },\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tspacing: {\n\t\t\t\t\t\t\tmargin: {\n\t\t\t\t\t\t\t\ttop: '4em', // Mimics the post editor.\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},\n\t\t\t\tinnerBlocks\n\t\t\t),\n\t\t];\n\t}, [ blocks, isPageContentFocused ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,WAAW,QAAQ,mBAAmB;;AAE/C;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,0BAA0B;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAEC,MAAM,EAAEC,SAAS,EAAG;EAC3C,MAAMC,MAAM,GAAG,EAAE;EACjB,KAAM,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,MAAM,CAACI,MAAM,EAAED,CAAC,EAAE,EAAG;IACzC;IACA;IACA,IAAK,CAAE,YAAY,CAAE,CAACE,QAAQ,CAAEL,MAAM,CAAEG,CAAC,CAAE,CAACG,IAAK,CAAC,EAAG;MACpD;IACD;IACA,MAAMC,gBAAgB,GAAGN,SAAS,CAAED,MAAM,CAAEG,CAAC,CAAG,CAAC;IACjD,IAAKI,gBAAgB,EAAG;MACvBL,MAAM,CAACM,IAAI,CAAED,gBAAiB,CAAC;IAChC;IACAL,MAAM,CAACM,IAAI,CAAE,GAAGT,aAAa,CAAEC,MAAM,CAAEG,CAAC,CAAE,CAACM,WAAW,EAAER,SAAU,CAAE,CAAC;EACtE;EAEA,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASQ,oBAAoBA,CAAE;EAC7CV,MAAM,GAAG,EAAE;EACXW,oBAAoB,GAAG,KAAK;EAC5BC,eAAe,GAAG;AACnB,CAAC,EAAG;EACH,OAAOhB,OAAO,CAAE,MAAM;IACrB,IAAK,CAAEe,oBAAoB,IAAI,CAAEX,MAAM,EAAEI,MAAM,EAAG;MACjD,OAAO,EAAE;IACV;IAEA,MAAMK,WAAW,GAAGV,aAAa,CAAEC,MAAM,EAAIa,KAAK,IACjDf,wBAAwB,CAAEe,KAAK,CAACP,IAAI,CAAE,GACnCT,WAAW,CAAEgB,KAAK,CAACP,IAAK,CAAC,GACzBQ,SACJ,CAAC;IAED,IAAK,CAAEL,WAAW,CAACL,MAAM,EAAG;MAC3B,OAAO,EAAE;IACV;IAEA,IAAK,CAAEQ,eAAe,EAAG;MACxB,OAAOH,WAAW;IACnB;IAEA,OAAO,CACNZ,WAAW,CACV,YAAY,EACZ;MACCkB,MAAM,EAAE;QAAEC,IAAI,EAAE;MAAc,CAAC;MAC/BC,KAAK,EAAE;QACNC,OAAO,EAAE;UACRC,MAAM,EAAE;YACPC,GAAG,EAAE,KAAK,CAAE;UACb;QACD;MACD;IACD,CAAC,EACDX,WACD,CAAC,CACD;EACF,CAAC,EAAE,CAAET,MAAM,EAAEW,oBAAoB,CAAG,CAAC;AACtC"}

package/build-module/components/block-editor/block-inspector-button.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/block-editor/editor-canvas.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/components/block-editor/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/block-editor/resizable-editor.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/block-editor/resize-handle.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/block-editor/site-editor-canvas.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */

package/build-module/components/canvas-loader/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/code-editor/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/components/create-template-part-modal/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/components/dataviews/dataviews.js

@@ -0,0 +1,53 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import { getCoreRowModel, getFilteredRowModel, getSortedRowModel, getPaginationRowModel, useReactTable } from '@tanstack/react-table';
+
+/**
+ * WordPress dependencies
+ */
+import { __experimentalVStack as VStack, __experimentalHStack as HStack } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import ListView from './list-view';
+import { Pagination } from './pagination';
+import ViewActions from './view-actions';
+import TextFilter from './text-filter';
+export default function DataViews({
+  data,
+  fields,
+  isLoading,
+  paginationInfo,
+  options
+}) {
+  const dataView = useReactTable({
+    data,
+    columns: fields,
+    ...options,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getPaginationRowModel: getPaginationRowModel()
+  });
+  return createElement("div", {
+    className: "dataviews-wrapper"
+  }, createElement(VStack, {
+    spacing: 4
+  }, createElement(HStack, {
+    justify: "space-between"
+  }, createElement(TextFilter, {
+    onChange: dataView.setGlobalFilter
+  }), createElement(ViewActions, {
+    dataView: dataView
+  })), createElement(ListView, {
+    dataView: dataView,
+    isLoading: isLoading
+  }), createElement(Pagination, {
+    dataView: dataView,
+    totalItems: paginationInfo?.totalItems
+  })));
+}
+//# sourceMappingURL=dataviews.js.map

package/build-module/components/dataviews/dataviews.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","useReactTable","__experimentalVStack","VStack","__experimentalHStack","HStack","ListView","Pagination","ViewActions","TextFilter","DataViews","data","fields","isLoading","paginationInfo","options","dataView","columns","createElement","className","spacing","justify","onChange","setGlobalFilter","totalItems"],"sources":["@wordpress/edit-site/src/components/dataviews/dataviews.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\tgetPaginationRowModel,\n\tuseReactTable,\n} from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ListView from './list-view';\nimport { Pagination } from './pagination';\nimport ViewActions from './view-actions';\nimport TextFilter from './text-filter';\n\nexport default function DataViews( {\n\tdata,\n\tfields,\n\tisLoading,\n\tpaginationInfo,\n\toptions,\n} ) {\n\tconst dataView = useReactTable( {\n\t\tdata,\n\t\tcolumns: fields,\n\t\t...options,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tgetPaginationRowModel: getPaginationRowModel(),\n\t} );\n\treturn (\n\t\t<div className=\"dataviews-wrapper\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<TextFilter onChange={ dataView.setGlobalFilter } />\n\t\t\t\t\t<ViewActions dataView={ dataView } />\n\t\t\t\t</HStack>\n\t\t\t\t{ /* This component will be selected based on viewConfigs. Now we only have the list view. */ }\n\t\t\t\t<ListView dataView={ dataView } isLoading={ isLoading } />\n\t\t\t\t<Pagination\n\t\t\t\t\tdataView={ dataView }\n\t\t\t\t\ttotalItems={ paginationInfo?.totalItems }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,eAAe,EACfC,mBAAmB,EACnBC,iBAAiB,EACjBC,qBAAqB,EACrBC,aAAa,QACP,uBAAuB;;AAE9B;AACA;AACA;AACA,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,UAAU,MAAM,eAAe;AAEtC,eAAe,SAASC,SAASA,CAAE;EAClCC,IAAI;EACJC,MAAM;EACNC,SAAS;EACTC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAGf,aAAa,CAAE;IAC/BU,IAAI;IACJM,OAAO,EAAEL,MAAM;IACf,GAAGG,OAAO;IACVlB,eAAe,EAAEA,eAAe,CAAC,CAAC;IAClCC,mBAAmB,EAAEA,mBAAmB,CAAC,CAAC;IAC1CC,iBAAiB,EAAEA,iBAAiB,CAAC,CAAC;IACtCC,qBAAqB,EAAEA,qBAAqB,CAAC;EAC9C,CAAE,CAAC;EACH,OACCkB,aAAA;IAAKC,SAAS,EAAC;EAAmB,GACjCD,aAAA,CAACf,MAAM;IAACiB,OAAO,EAAG;EAAG,GACpBF,aAAA,CAACb,MAAM;IAACgB,OAAO,EAAC;EAAe,GAC9BH,aAAA,CAACT,UAAU;IAACa,QAAQ,EAAGN,QAAQ,CAACO;EAAiB,CAAE,CAAC,EACpDL,aAAA,CAACV,WAAW;IAACQ,QAAQ,EAAGA;EAAU,CAAE,CAC7B,CAAC,EAETE,aAAA,CAACZ,QAAQ;IAACU,QAAQ,EAAGA,QAAU;IAACH,SAAS,EAAGA;EAAW,CAAE,CAAC,EAC1DK,aAAA,CAACX,UAAU;IACVS,QAAQ,EAAGA,QAAU;IACrBQ,UAAU,EAAGV,cAAc,EAAEU;EAAY,CACzC,CACM,CACJ,CAAC;AAER"}

package/build-module/components/dataviews/index.js

@@ -0,0 +1,3 @@
+export { default as DataViews } from './dataviews';
+export { PAGE_SIZE_VALUES } from './view-actions';
+//# sourceMappingURL=index.js.map

package/build-module/components/dataviews/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","DataViews","PAGE_SIZE_VALUES"],"sources":["@wordpress/edit-site/src/components/dataviews/index.js"],"sourcesContent":["export { default as DataViews } from './dataviews';\nexport { PAGE_SIZE_VALUES } from './view-actions';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASC,gBAAgB,QAAQ,gBAAgB"}

package/build-module/components/dataviews/list-view.js

@@ -0,0 +1,80 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+import { flexRender } from '@tanstack/react-table';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { chevronDown, chevronUp } from '@wordpress/icons';
+import { Button } from '@wordpress/components';
+import { forwardRef } from '@wordpress/element';
+const sortIcons = {
+  asc: chevronUp,
+  desc: chevronDown
+};
+function Header({
+  header
+}) {
+  if (header.isPlaceholder) {
+    return null;
+  }
+  const text = flexRender(header.column.columnDef.header, header.getContext());
+  if (!header.column.getCanSort()) {
+    return text;
+  }
+  const sortDirection = header.column.getIsSorted();
+  return createElement(Button, {
+    onClick: header.column.getToggleSortingHandler(),
+    icon: sortIcons[sortDirection],
+    iconPosition: "right",
+    text: text,
+    style: {
+      padding: 0
+    }
+  });
+}
+function ListView({
+  dataView,
+  className,
+  isLoading = false
+}, ref) {
+  const {
+    rows
+  } = dataView.getRowModel();
+  const hasRows = !!rows?.length;
+  if (isLoading) {
+    // TODO:Add spinner or progress bar..
+    return createElement("h3", null, __('Loading'));
+  }
+  return createElement("div", {
+    className: "dataviews-list-view-wrapper"
+  }, hasRows && createElement("table", {
+    ref: ref,
+    className: classnames('dataviews-list-view', className)
+  }, createElement("thead", null, dataView.getHeaderGroups().map(headerGroup => createElement("tr", {
+    key: headerGroup.id
+  }, headerGroup.headers.map(header => createElement("th", {
+    key: header.id,
+    colSpan: header.colSpan,
+    style: {
+      width: header.column.columnDef.width || undefined,
+      maxWidth: header.column.columnDef.maxWidth || undefined
+    }
+  }, createElement(Header, {
+    header: header
+  })))))), createElement("tbody", null, rows.map(row => createElement("tr", {
+    key: row.id
+  }, row.getVisibleCells().map(cell => createElement("td", {
+    key: cell.id,
+    style: {
+      width: cell.column.columnDef.width || undefined,
+      maxWidth: cell.column.columnDef.maxWidth || undefined
+    }
+  }, flexRender(cell.column.columnDef.cell, cell.getContext()))))))), !hasRows && createElement("p", null, __('no results')));
+}
+export default forwardRef(ListView);
+//# sourceMappingURL=list-view.js.map

package/build-module/components/dataviews/list-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classnames","flexRender","__","chevronDown","chevronUp","Button","forwardRef","sortIcons","asc","desc","Header","header","isPlaceholder","text","column","columnDef","getContext","getCanSort","sortDirection","getIsSorted","createElement","onClick","getToggleSortingHandler","icon","iconPosition","style","padding","ListView","dataView","className","isLoading","ref","rows","getRowModel","hasRows","length","getHeaderGroups","map","headerGroup","key","id","headers","colSpan","width","undefined","maxWidth","row","getVisibleCells","cell"],"sources":["@wordpress/edit-site/src/components/dataviews/list-view.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { flexRender } from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { chevronDown, chevronUp } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\nfunction Header( { header } ) {\n\tif ( header.isPlaceholder ) {\n\t\treturn null;\n\t}\n\tconst text = flexRender(\n\t\theader.column.columnDef.header,\n\t\theader.getContext()\n\t);\n\tif ( ! header.column.getCanSort() ) {\n\t\treturn text;\n\t}\n\tconst sortDirection = header.column.getIsSorted();\n\treturn (\n\t\t<Button\n\t\t\tonClick={ header.column.getToggleSortingHandler() }\n\t\t\ticon={ sortIcons[ sortDirection ] }\n\t\t\ticonPosition=\"right\"\n\t\t\ttext={ text }\n\t\t\tstyle={ { padding: 0 } }\n\t\t/>\n\t);\n}\n\nfunction ListView( { dataView, className, isLoading = false }, ref ) {\n\tconst { rows } = dataView.getRowModel();\n\tconst hasRows = !! rows?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn <h3>{ __( 'Loading' ) }</h3>;\n\t}\n\treturn (\n\t\t<div className=\"dataviews-list-view-wrapper\">\n\t\t\t{ hasRows && (\n\t\t\t\t<table\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ classnames( 'dataviews-list-view', className ) }\n\t\t\t\t>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t{ dataView.getHeaderGroups().map( ( headerGroup ) => (\n\t\t\t\t\t\t\t<tr key={ headerGroup.id }>\n\t\t\t\t\t\t\t\t{ headerGroup.headers.map( ( header ) => (\n\t\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\t\tkey={ header.id }\n\t\t\t\t\t\t\t\t\t\tcolSpan={ header.colSpan }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Header header={ header } />\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ rows.map( ( row ) => (\n\t\t\t\t\t\t\t<tr key={ row.id }>\n\t\t\t\t\t\t\t\t{ row.getVisibleCells().map( ( cell ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ cell.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ flexRender(\n\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\tcell.getContext()\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasRows && <p>{ __( 'no results' ) }</p> }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( ListView );\n"],"mappings":"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"}

package/build-module/components/dataviews/pagination.js

@@ -0,0 +1,83 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { Button, __experimentalHStack as HStack, __experimentalText as Text, __experimentalNumberControl as NumberControl } from '@wordpress/components';
+import { createInterpolateElement } from '@wordpress/element';
+import { sprintf, __, _x, _n } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { PageSizeControl } from './view-actions';
+
+// For now this is copied from the patterns list Pagination component, because
+// the datatable pagination starts from index zero(`0`). Eventually all lists will be
+// using this one.
+export function Pagination({
+  dataView,
+  // If passed, use it, as it's for controlled pagination.
+  totalItems = 0
+}) {
+  const currentPage = dataView.getState().pagination.pageIndex + 1;
+  const numPages = dataView.getPageCount();
+  const _totalItems = totalItems || dataView.getCoreRowModel().rows.length;
+  return createElement(HStack, {
+    expanded: false,
+    spacing: 3,
+    justify: "space-between",
+    className: "dataviews-pagination"
+  }, createElement(Text, {
+    variant: "muted"
+  },
+  // translators: %s: Total number of entries.
+  sprintf(
+  // translators: %s: Total number of entries.
+  _n('%s item', '%s items', _totalItems), _totalItems)), !!_totalItems && createElement(HStack, {
+    expanded: false,
+    spacing: 1
+  }, createElement(Button, {
+    variant: "tertiary",
+    onClick: () => dataView.setPageIndex(0),
+    disabled: !dataView.getCanPreviousPage(),
+    "aria-label": __('First page')
+  }, "\xAB"), createElement(Button, {
+    variant: "tertiary",
+    onClick: () => dataView.previousPage(),
+    disabled: !dataView.getCanPreviousPage(),
+    "aria-label": __('Previous page')
+  }, "\u2039"), createElement(HStack, {
+    justify: "flex-start",
+    expanded: false,
+    spacing: 1
+  }, createInterpolateElement(sprintf(
+  // translators: %1$s: Current page number, %2$s: Total number of pages.
+  _x('<CurrenPageControl /> of %2$s', 'paging'), currentPage, numPages), {
+    CurrenPageControl: createElement(NumberControl, {
+      "aria-label": __('Current page'),
+      min: 1,
+      max: numPages,
+      onChange: value => {
+        if (value > numPages) return;
+        dataView.setPageIndex(value - 1);
+      },
+      step: "1",
+      value: currentPage,
+      isDragEnabled: false,
+      spinControls: "none"
+    })
+  })), createElement(Button, {
+    variant: "tertiary",
+    onClick: () => dataView.nextPage(),
+    disabled: !dataView.getCanNextPage(),
+    "aria-label": __('Next page')
+  }, "\u203A"), createElement(Button, {
+    variant: "tertiary",
+    onClick: () => dataView.setPageIndex(dataView.getPageCount() - 1),
+    disabled: !dataView.getCanNextPage(),
+    "aria-label": __('Last page')
+  }, "\xBB")), createElement(PageSizeControl, {
+    dataView: dataView
+  }));
+}
+//# sourceMappingURL=pagination.js.map

package/build-module/components/dataviews/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","__experimentalHStack","HStack","__experimentalText","Text","__experimentalNumberControl","NumberControl","createInterpolateElement","sprintf","__","_x","_n","PageSizeControl","Pagination","dataView","totalItems","currentPage","getState","pagination","pageIndex","numPages","getPageCount","_totalItems","getCoreRowModel","rows","length","createElement","expanded","spacing","justify","className","variant","onClick","setPageIndex","disabled","getCanPreviousPage","previousPage","CurrenPageControl","min","max","onChange","value","step","isDragEnabled","spinControls","nextPage","getCanNextPage"],"sources":["@wordpress/edit-site/src/components/dataviews/pagination.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { sprintf, __, _x, _n } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { PageSizeControl } from './view-actions';\n\n// For now this is copied from the patterns list Pagination component, because\n// the datatable pagination starts from index zero(`0`). Eventually all lists will be\n// using this one.\nexport function Pagination( {\n\tdataView,\n\t// If passed, use it, as it's for controlled pagination.\n\ttotalItems = 0,\n} ) {\n\tconst currentPage = dataView.getState().pagination.pageIndex + 1;\n\tconst numPages = dataView.getPageCount();\n\tconst _totalItems = totalItems || dataView.getCoreRowModel().rows.length;\n\treturn (\n\t\t<HStack\n\t\t\texpanded={ false }\n\t\t\tspacing={ 3 }\n\t\t\tjustify=\"space-between\"\n\t\t\tclassName=\"dataviews-pagination\"\n\t\t>\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{\n\t\t\t\t\t// translators: %s: Total number of entries.\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: Total number of entries.\n\t\t\t\t\t\t_n( '%s item', '%s items', _totalItems ),\n\t\t\t\t\t\t_totalItems\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Text>\n\t\t\t{ !! _totalItems && (\n\t\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => dataView.setPageIndex( 0 ) }\n\t\t\t\t\t\tdisabled={ ! dataView.getCanPreviousPage() }\n\t\t\t\t\t\taria-label={ __( 'First page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t«\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => dataView.previousPage() }\n\t\t\t\t\t\tdisabled={ ! dataView.getCanPreviousPage() }\n\t\t\t\t\t\taria-label={ __( 'Previous page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t‹\n\t\t\t\t\t</Button>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t\t\t\t_x( '<CurrenPageControl /> of %2$s', 'paging' ),\n\t\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\t\tnumPages\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tCurrenPageControl: (\n\t\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\taria-label={ __( 'Current page' ) }\n\t\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\t\tmax={ numPages }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( value > numPages ) return;\n\t\t\t\t\t\t\t\t\t\t\tdataView.setPageIndex( value - 1 );\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={ currentPage }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t\tspinControls=\"none\"\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}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => dataView.nextPage() }\n\t\t\t\t\t\tdisabled={ ! dataView.getCanNextPage() }\n\t\t\t\t\t\taria-label={ __( 'Next page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t›\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tdataView.setPageIndex( dataView.getPageCount() - 1 )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ ! dataView.getCanNextPage() }\n\t\t\t\t\t\taria-label={ __( 'Last page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t»\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t<PageSizeControl dataView={ dataView } />\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/dataviews/text-filter.js

@@ -0,0 +1,36 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useEffect } from '@wordpress/element';
+import { SearchControl } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import useDebouncedInput from '../../utils/use-debounced-input';
+export default function TextFilter({
+  className,
+  searchLabel = __('Filter list'),
+  onChange
+}) {
+  const [search, setSearch, debouncedSearch] = useDebouncedInput();
+  useEffect(() => {
+    onChange(debouncedSearch);
+  }, [debouncedSearch, onChange]);
+  return createElement(SearchControl, {
+    className: classnames('dataviews__text-filter', className),
+    onChange: setSearch,
+    value: search,
+    label: searchLabel,
+    placeholder: searchLabel,
+    size: "compact"
+  });
+}
+//# sourceMappingURL=text-filter.js.map

package/build-module/components/dataviews/text-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classnames","__","useEffect","SearchControl","useDebouncedInput","TextFilter","className","searchLabel","onChange","search","setSearch","debouncedSearch","createElement","value","label","placeholder","size"],"sources":["@wordpress/edit-site/src/components/dataviews/text-filter.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport { SearchControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useDebouncedInput from '../../utils/use-debounced-input';\n\nexport default function TextFilter( {\n\tclassName,\n\tsearchLabel = __( 'Filter list' ),\n\tonChange,\n} ) {\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tuseEffect( () => {\n\t\tonChange( debouncedSearch );\n\t}, [ debouncedSearch, onChange ] );\n\treturn (\n\t\t<SearchControl\n\t\t\tclassName={ classnames( 'dataviews__text-filter', className ) }\n\t\t\tonChange={ setSearch }\n\t\t\tvalue={ search }\n\t\t\tlabel={ searchLabel }\n\t\t\tplaceholder={ searchLabel }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,aAAa,QAAQ,uBAAuB;;AAErD;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,iCAAiC;AAE/D,eAAe,SAASC,UAAUA,CAAE;EACnCC,SAAS;EACTC,WAAW,GAAGN,EAAE,CAAE,aAAc,CAAC;EACjCO;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,MAAM,EAAEC,SAAS,EAAEC,eAAe,CAAE,GAAGP,iBAAiB,CAAC,CAAC;EAClEF,SAAS,CAAE,MAAM;IAChBM,QAAQ,CAAEG,eAAgB,CAAC;EAC5B,CAAC,EAAE,CAAEA,eAAe,EAAEH,QAAQ,CAAG,CAAC;EAClC,OACCI,aAAA,CAACT,aAAa;IACbG,SAAS,EAAGN,UAAU,CAAE,wBAAwB,EAAEM,SAAU,CAAG;IAC/DE,QAAQ,EAAGE,SAAW;IACtBG,KAAK,EAAGJ,MAAQ;IAChBK,KAAK,EAAGP,WAAa;IACrBQ,WAAW,EAAGR,WAAa;IAC3BS,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ"}