@wordpress/edit-site 5.19.3 → 5.20.0

package/build-module/components/header-edit-mode/plugin-sidebar-more-menu-item/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -49,7 +49,7 @@ import { ComplementaryAreaMoreMenuItem } from '@wordpress/interface';
  * );
  * ```
  *
- * @return {WPComponent} The component to be rendered.
+ * @return {Component} The component to be rendered.
  */
 
 export default function PluginSidebarMoreMenuItem(props) {

package/build-module/components/header-edit-mode/plugin-sidebar-more-menu-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComplementaryAreaMoreMenuItem","PluginSidebarMoreMenuItem","props","createElement","__unstableExplicitMenuItem","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/plugin-sidebar-more-menu-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ComplementaryAreaMoreMenuItem } from '@wordpress/interface';\n\n/**\n * Renders a menu item in `Plugins` group in `More Menu` drop down,\n * and can be used to activate the corresponding `PluginSidebar` component.\n * The text within the component appears as the menu item label.\n *\n * @param {Object}                props                                 Component props.\n * @param {string}                props.target                          A string identifying the target sidebar you wish to be activated by this menu item. Must be the same as the `name` prop you have given to that sidebar.\n * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered to the left of the menu item label.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var PluginSidebarMoreMenuItem = wp.editSite.PluginSidebarMoreMenuItem;\n * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.\n *\n * function MySidebarMoreMenuItem() {\n * \treturn wp.element.createElement(\n * \t\tPluginSidebarMoreMenuItem,\n * \t\t{\n * \t\t\ttarget: 'my-sidebar',\n * \t\t\ticon: moreIcon,\n * \t\t},\n * \t\t__( 'My sidebar title' )\n * \t)\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PluginSidebarMoreMenuItem } from '@wordpress/edit-site';\n * import { more } from '@wordpress/icons';\n *\n * const MySidebarMoreMenuItem = () => (\n * \t<PluginSidebarMoreMenuItem\n * \t\ttarget=\"my-sidebar\"\n * \t\ticon={ more }\n * \t>\n * \t\t{ __( 'My sidebar title' ) }\n * \t</PluginSidebarMoreMenuItem>\n * );\n * ```\n *\n * @return {WPComponent} The component to be rendered.\n */\n\nexport default function PluginSidebarMoreMenuItem( props ) {\n\treturn (\n\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t// Menu item is marked with unstable prop for backward compatibility.\n\t\t\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t\t\t__unstableExplicitMenuItem\n\t\t\tscope=\"core/edit-site\"\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,6BAA6B,QAAQ,sBAAsB;;AAEpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,eAAe,SAASC,yBAAyBA,CAAEC,KAAK,EAAG;EAC1D,OACCC,aAAA,CAACH;EACA;EACA;EAAA;IACAI,0BAA0B;IAC1BC,KAAK,EAAC,gBAAgB;IAAA,GACjBH;EAAK,CACV,CAAC;AAEJ"}
+{"version":3,"names":["ComplementaryAreaMoreMenuItem","PluginSidebarMoreMenuItem","props","createElement","__unstableExplicitMenuItem","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/plugin-sidebar-more-menu-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ComplementaryAreaMoreMenuItem } from '@wordpress/interface';\n\n/**\n * Renders a menu item in `Plugins` group in `More Menu` drop down,\n * and can be used to activate the corresponding `PluginSidebar` component.\n * The text within the component appears as the menu item label.\n *\n * @param {Object}                props                                 Component props.\n * @param {string}                props.target                          A string identifying the target sidebar you wish to be activated by this menu item. Must be the same as the `name` prop you have given to that sidebar.\n * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered to the left of the menu item label.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var PluginSidebarMoreMenuItem = wp.editSite.PluginSidebarMoreMenuItem;\n * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.\n *\n * function MySidebarMoreMenuItem() {\n * \treturn wp.element.createElement(\n * \t\tPluginSidebarMoreMenuItem,\n * \t\t{\n * \t\t\ttarget: 'my-sidebar',\n * \t\t\ticon: moreIcon,\n * \t\t},\n * \t\t__( 'My sidebar title' )\n * \t)\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PluginSidebarMoreMenuItem } from '@wordpress/edit-site';\n * import { more } from '@wordpress/icons';\n *\n * const MySidebarMoreMenuItem = () => (\n * \t<PluginSidebarMoreMenuItem\n * \t\ttarget=\"my-sidebar\"\n * \t\ticon={ more }\n * \t>\n * \t\t{ __( 'My sidebar title' ) }\n * \t</PluginSidebarMoreMenuItem>\n * );\n * ```\n *\n * @return {Component} The component to be rendered.\n */\n\nexport default function PluginSidebarMoreMenuItem( props ) {\n\treturn (\n\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t// Menu item is marked with unstable prop for backward compatibility.\n\t\t\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t\t\t__unstableExplicitMenuItem\n\t\t\tscope=\"core/edit-site\"\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,6BAA6B,QAAQ,sBAAsB;;AAEpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,eAAe,SAASC,yBAAyBA,CAAEC,KAAK,EAAG;EAC1D,OACCC,aAAA,CAACH;EACA;EACA;EAAA;IACAI,0BAA0B;IAC1BC,KAAK,EAAC,gBAAgB;IAAA,GACjBH;EAAK,CACV,CAAC;AAEJ"}

package/build-module/components/header-edit-mode/tools-more-menu-group/index.js

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

package/build-module/components/header-edit-mode/undo-redo/redo.js

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

package/build-module/components/header-edit-mode/undo-redo/undo.js

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

package/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js

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

package/build-module/components/keyboard-shortcut-help-modal/index.js

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

package/build-module/components/keyboard-shortcut-help-modal/shortcut.js

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

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

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

package/build-module/components/list/added-by.js

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

package/build-module/components/list/header.js

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

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

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

package/build-module/components/list/table.js

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

package/build-module/components/page/header.js

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

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

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

package/build-module/components/page-actions/index.js

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

package/build-module/components/page-actions/trash-page-menu-item.js

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

package/build-module/components/page-content-focus-manager/disable-non-page-content-blocks.js

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

package/build-module/components/page-content-focus-manager/edit-template-notification.js

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

package/build-module/components/page-content-focus-manager/index.js

@@ -1,9 +1,9 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
-import { useSelect } from '@wordpress/data';
-
+import { useSelect, useDispatch } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
 /**
  * Internal dependencies
  */
@@ -11,10 +11,40 @@ import { store as editSiteStore } from '../../store';
 import DisableNonPageContentBlocks from './disable-non-page-content-blocks';
 import EditTemplateNotification from './edit-template-notification';
 import BackToPageNotification from './back-to-page-notification';
+import { unlock } from '../../lock-unlock';
 export default function PageContentFocusManager({
   contentRef
 }) {
-  const hasPageContentFocus = useSelect(select => select(editSiteStore).hasPageContentFocus(), []);
+  const {
+    hasPageContentFocus,
+    pageContentFocusType,
+    canvasMode
+  } = useSelect(select => {
+    const {
+      getPageContentFocusType,
+      getCanvasMode
+    } = unlock(select(editSiteStore));
+    const _canvasMode = getCanvasMode();
+    return {
+      canvasMode: _canvasMode,
+      pageContentFocusType: getPageContentFocusType(),
+      hasPageContentFocus: select(editSiteStore).hasPageContentFocus()
+    };
+  }, []);
+  const {
+    setPageContentFocusType
+  } = unlock(useDispatch(editSiteStore));
+
+  /*
+   * Ensure that the page content focus type is set to `disableTemplate` when
+   * the canvas mode is not `edit`. This makes the experience consistent with
+   * refreshing the page, which resets the page content focus type.
+   */
+  useEffect(() => {
+    if (canvasMode !== 'edit' && !!pageContentFocusType) {
+      setPageContentFocusType(null);
+    }
+  }, [canvasMode, pageContentFocusType]);
   return createElement(Fragment, null, hasPageContentFocus && createElement(DisableNonPageContentBlocks, null), createElement(EditTemplateNotification, {
     contentRef: contentRef
   }), createElement(BackToPageNotification, null));

package/build-module/components/page-content-focus-manager/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","store","editSiteStore","DisableNonPageContentBlocks","EditTemplateNotification","BackToPageNotification","PageContentFocusManager","contentRef","hasPageContentFocus","select","createElement","Fragment"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport DisableNonPageContentBlocks from './disable-non-page-content-blocks';\nimport EditTemplateNotification from './edit-template-notification';\nimport BackToPageNotification from './back-to-page-notification';\n\nexport default function PageContentFocusManager( { contentRef } ) {\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ hasPageContentFocus && <DisableNonPageContentBlocks /> }\n\t\t\t<EditTemplateNotification contentRef={ contentRef } />\n\t\t\t<BackToPageNotification />\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,OAAOC,2BAA2B,MAAM,mCAAmC;AAC3E,OAAOC,wBAAwB,MAAM,8BAA8B;AACnE,OAAOC,sBAAsB,MAAM,6BAA6B;AAEhE,eAAe,SAASC,uBAAuBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACjE,MAAMC,mBAAmB,GAAGR,SAAS,CAClCS,MAAM,IAAMA,MAAM,CAAEP,aAAc,CAAC,CAACM,mBAAmB,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,OACCE,aAAA,CAAAC,QAAA,QACGH,mBAAmB,IAAIE,aAAA,CAACP,2BAA2B,MAAE,CAAC,EACxDO,aAAA,CAACN,wBAAwB;IAACG,UAAU,EAAGA;EAAY,CAAE,CAAC,EACtDG,aAAA,CAACL,sBAAsB,MAAE,CACxB,CAAC;AAEL"}
+{"version":3,"names":["useSelect","useDispatch","useEffect","store","editSiteStore","DisableNonPageContentBlocks","EditTemplateNotification","BackToPageNotification","unlock","PageContentFocusManager","contentRef","hasPageContentFocus","pageContentFocusType","canvasMode","select","getPageContentFocusType","getCanvasMode","_canvasMode","setPageContentFocusType","createElement","Fragment"],"sources":["@wordpress/edit-site/src/components/page-content-focus-manager/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport DisableNonPageContentBlocks from './disable-non-page-content-blocks';\nimport EditTemplateNotification from './edit-template-notification';\nimport BackToPageNotification from './back-to-page-notification';\nimport { unlock } from '../../lock-unlock';\n\nexport default function PageContentFocusManager( { contentRef } ) {\n\tconst { hasPageContentFocus, pageContentFocusType, canvasMode } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPageContentFocusType, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst _canvasMode = getCanvasMode();\n\t\t\treturn {\n\t\t\t\tcanvasMode: _canvasMode,\n\t\t\t\tpageContentFocusType: getPageContentFocusType(),\n\t\t\t\thasPageContentFocus:\n\t\t\t\t\tselect( editSiteStore ).hasPageContentFocus(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setPageContentFocusType } = unlock( useDispatch( editSiteStore ) );\n\n\t/*\n\t * Ensure that the page content focus type is set to `disableTemplate` when\n\t * the canvas mode is not `edit`. This makes the experience consistent with\n\t * refreshing the page, which resets the page content focus type.\n\t */\n\tuseEffect( () => {\n\t\tif ( canvasMode !== 'edit' && !! pageContentFocusType ) {\n\t\t\tsetPageContentFocusType( null );\n\t\t}\n\t}, [ canvasMode, pageContentFocusType ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ hasPageContentFocus && <DisableNonPageContentBlocks /> }\n\t\t\t<EditTemplateNotification contentRef={ contentRef } />\n\t\t\t<BackToPageNotification />\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,OAAOC,2BAA2B,MAAM,mCAAmC;AAC3E,OAAOC,wBAAwB,MAAM,8BAA8B;AACnE,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,eAAe,SAASC,uBAAuBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACjE,MAAM;IAAEC,mBAAmB;IAAEC,oBAAoB;IAAEC;EAAW,CAAC,GAAGb,SAAS,CACxEc,MAAM,IAAM;IACb,MAAM;MAAEC,uBAAuB;MAAEC;IAAc,CAAC,GAAGR,MAAM,CACxDM,MAAM,CAAEV,aAAc,CACvB,CAAC;IACD,MAAMa,WAAW,GAAGD,aAAa,CAAC,CAAC;IACnC,OAAO;MACNH,UAAU,EAAEI,WAAW;MACvBL,oBAAoB,EAAEG,uBAAuB,CAAC,CAAC;MAC/CJ,mBAAmB,EAClBG,MAAM,CAAEV,aAAc,CAAC,CAACO,mBAAmB,CAAC;IAC9C,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAEO;EAAwB,CAAC,GAAGV,MAAM,CAAEP,WAAW,CAAEG,aAAc,CAAE,CAAC;;EAE1E;AACD;AACA;AACA;AACA;EACCF,SAAS,CAAE,MAAM;IAChB,IAAKW,UAAU,KAAK,MAAM,IAAI,CAAC,CAAED,oBAAoB,EAAG;MACvDM,uBAAuB,CAAE,IAAK,CAAC;IAChC;EACD,CAAC,EAAE,CAAEL,UAAU,EAAED,oBAAoB,CAAG,CAAC;EAEzC,OACCO,aAAA,CAAAC,QAAA,QACGT,mBAAmB,IAAIQ,aAAA,CAACd,2BAA2B,MAAE,CAAC,EACxDc,aAAA,CAACb,wBAAwB;IAACI,UAAU,EAAGA;EAAY,CAAE,CAAC,EACtDS,aAAA,CAACZ,sBAAsB,MAAE,CACxB,CAAC;AAEL"}

package/build-module/components/page-main/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,6 +10,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import PagePatterns from '../page-patterns';
 import PageTemplateParts from '../page-template-parts';
 import PageTemplates from '../page-templates';
+import PagePages from '../page-pages';
 import { unlock } from '../../lock-unlock';
 const {
   useLocation
@@ -26,6 +27,8 @@ export default function PageMain() {
     return createElement(PageTemplateParts, null);
   } else if (path === '/patterns') {
     return createElement(PagePatterns, null);
+  } else if (window?.__experimentalAdminViews && path === '/pages') {
+    return createElement(PagePages, null);
   }
   return null;
 }

package/build-module/components/page-main/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["privateApis","routerPrivateApis","PagePatterns","PageTemplateParts","PageTemplates","unlock","useLocation","PageMain","params","path","createElement"],"sources":["@wordpress/edit-site/src/components/page-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport PagePatterns from '../page-patterns';\nimport PageTemplateParts from '../page-template-parts';\nimport PageTemplates from '../page-templates';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function PageMain() {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\n\tif ( path === '/wp_template/all' ) {\n\t\treturn <PageTemplates />;\n\t} else if ( path === '/wp_template_part/all' ) {\n\t\treturn <PageTemplateParts />;\n\t} else if ( path === '/patterns' ) {\n\t\treturn <PagePatterns />;\n\t}\n\n\treturn null;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,iBAAiB,MAAM,wBAAwB;AACtD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEJ,iBAAkB,CAAC;AAEnD,eAAe,SAASM,QAAQA,CAAA,EAAG;EAClC,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGH,WAAW,CAAC,CAAC;EAEjB,IAAKG,IAAI,KAAK,kBAAkB,EAAG;IAClC,OAAOC,aAAA,CAACN,aAAa,MAAE,CAAC;EACzB,CAAC,MAAM,IAAKK,IAAI,KAAK,uBAAuB,EAAG;IAC9C,OAAOC,aAAA,CAACP,iBAAiB,MAAE,CAAC;EAC7B,CAAC,MAAM,IAAKM,IAAI,KAAK,WAAW,EAAG;IAClC,OAAOC,aAAA,CAACR,YAAY,MAAE,CAAC;EACxB;EAEA,OAAO,IAAI;AACZ"}
+{"version":3,"names":["privateApis","routerPrivateApis","PagePatterns","PageTemplateParts","PageTemplates","PagePages","unlock","useLocation","PageMain","params","path","createElement","window","__experimentalAdminViews"],"sources":["@wordpress/edit-site/src/components/page-main/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport PagePatterns from '../page-patterns';\nimport PageTemplateParts from '../page-template-parts';\nimport PageTemplates from '../page-templates';\nimport PagePages from '../page-pages';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function PageMain() {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\n\tif ( path === '/wp_template/all' ) {\n\t\treturn <PageTemplates />;\n\t} else if ( path === '/wp_template_part/all' ) {\n\t\treturn <PageTemplateParts />;\n\t} else if ( path === '/patterns' ) {\n\t\treturn <PagePatterns />;\n\t} else if ( window?.__experimentalAdminViews && path === '/pages' ) {\n\t\treturn <PagePages />;\n\t}\n\n\treturn null;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,iBAAiB,MAAM,wBAAwB;AACtD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,SAAS,MAAM,eAAe;AACrC,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEL,iBAAkB,CAAC;AAEnD,eAAe,SAASO,QAAQA,CAAA,EAAG;EAClC,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGH,WAAW,CAAC,CAAC;EAEjB,IAAKG,IAAI,KAAK,kBAAkB,EAAG;IAClC,OAAOC,aAAA,CAACP,aAAa,MAAE,CAAC;EACzB,CAAC,MAAM,IAAKM,IAAI,KAAK,uBAAuB,EAAG;IAC9C,OAAOC,aAAA,CAACR,iBAAiB,MAAE,CAAC;EAC7B,CAAC,MAAM,IAAKO,IAAI,KAAK,WAAW,EAAG;IAClC,OAAOC,aAAA,CAACT,YAAY,MAAE,CAAC;EACxB,CAAC,MAAM,IAAKU,MAAM,EAAEC,wBAAwB,IAAIH,IAAI,KAAK,QAAQ,EAAG;IACnE,OAAOC,aAAA,CAACN,SAAS,MAAE,CAAC;EACrB;EAEA,OAAO,IAAI;AACZ"}

package/build-module/components/page-pages/index.js

@@ -0,0 +1,166 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import apiFetch from '@wordpress/api-fetch';
+import { addQueryArgs } from '@wordpress/url';
+import { VisuallyHidden, __experimentalHeading as Heading, __experimentalVStack as VStack } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { useEntityRecords } from '@wordpress/core-data';
+import { decodeEntities } from '@wordpress/html-entities';
+import { useState, useEffect, useMemo } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import Page from '../page';
+import Link from '../routes/link';
+import PageActions from '../page-actions';
+import { DataViews, PAGE_SIZE_VALUES } from '../dataviews';
+const EMPTY_ARRAY = [];
+export default function PagePages() {
+  const [reset, setResetQuery] = useState(v => !v);
+  const [globalFilter, setGlobalFilter] = useState('');
+  const [paginationInfo, setPaginationInfo] = useState();
+  const [{
+    pageIndex,
+    pageSize
+  }, setPagination] = useState({
+    pageIndex: 0,
+    pageSize: PAGE_SIZE_VALUES[0]
+  });
+  // Request post statuses to get the proper labels.
+  const [postStatuses, setPostStatuses] = useState(EMPTY_ARRAY);
+  useEffect(() => {
+    apiFetch({
+      path: '/wp/v2/statuses'
+    }).then(setPostStatuses);
+  }, []);
+
+  // TODO: probably memo other objects passed as state(ex:https://tanstack.com/table/v8/docs/examples/react/pagination-controlled).
+  const pagination = useMemo(() => ({
+    pageIndex,
+    pageSize
+  }), [pageIndex, pageSize]);
+  const [sorting, setSorting] = useState([{
+    order: 'desc',
+    orderby: 'date'
+  }]);
+  const queryArgs = useMemo(() => ({
+    per_page: pageSize,
+    page: pageIndex + 1,
+    // tanstack starts from zero.
+    _embed: 'author',
+    order: sorting[0]?.desc ? 'desc' : 'asc',
+    orderby: sorting[0]?.id,
+    search: globalFilter,
+    status: ['publish', 'draft']
+  }), [globalFilter, sorting[0]?.id, sorting[0]?.desc, pageSize, pageIndex, reset]);
+  const {
+    records,
+    isResolving: isLoading
+  } = useEntityRecords('postType', 'page', queryArgs);
+  useEffect(() => {
+    // Make extra request to handle controlled pagination.
+    apiFetch({
+      path: addQueryArgs('/wp/v2/pages', {
+        ...queryArgs,
+        _fields: 'id'
+      }),
+      method: 'HEAD',
+      parse: false
+    }).then(res => {
+      const totalPages = parseInt(res.headers.get('X-WP-TotalPages'));
+      const totalItems = parseInt(res.headers.get('X-WP-Total'));
+      setPaginationInfo({
+        totalPages,
+        totalItems
+      });
+    });
+    // Status should not make extra request if already did..
+  }, [globalFilter, pageSize, reset]);
+  const fields = useMemo(() => [{
+    header: __('Title'),
+    id: 'title',
+    accessorFn: page => page.title?.rendered || page.slug,
+    cell: props => {
+      const page = props.row.original;
+      return createElement(VStack, {
+        spacing: 1
+      }, createElement(Heading, {
+        as: "h3",
+        level: 5
+      }, createElement(Link, {
+        params: {
+          postId: page.id,
+          postType: page.type,
+          canvas: 'edit'
+        }
+      }, decodeEntities(props.getValue()))));
+    },
+    maxWidth: 400,
+    sortingFn: 'alphanumeric',
+    enableHiding: false
+  }, {
+    header: __('Author'),
+    id: 'author',
+    accessorFn: page => page._embedded?.author[0]?.name,
+    cell: props => {
+      const author = props.row.original._embedded?.author[0];
+      return createElement("a", {
+        href: `user-edit.php?user_id=${author.id}`
+      }, author.name);
+    }
+  }, {
+    header: 'Status',
+    id: 'status',
+    cell: props => postStatuses[props.row.original.status]?.name
+  }, {
+    header: createElement(VisuallyHidden, null, __('Actions')),
+    id: 'actions',
+    cell: props => {
+      const page = props.row.original;
+      return createElement(PageActions, {
+        postId: page.id,
+        onRemove: () => setResetQuery()
+      });
+    },
+    enableHiding: false
+  }], [postStatuses]);
+
+  // TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.
+  return createElement(Page, {
+    title: __('Pages')
+  }, createElement(DataViews, {
+    paginationInfo: paginationInfo,
+    data: records || EMPTY_ARRAY,
+    isLoading: isLoading,
+    fields: fields,
+    options: {
+      manualSorting: true,
+      manualFiltering: true,
+      manualPagination: true,
+      enableRowSelection: true,
+      state: {
+        sorting,
+        globalFilter,
+        pagination
+      },
+      pageCount: paginationInfo?.totalPages,
+      onSortingChange: setSorting,
+      onGlobalFilterChange: value => {
+        setGlobalFilter(value);
+        setPagination({
+          pageIndex: 0,
+          pageSize
+        });
+      },
+      // TODO: check these callbacks and maybe reset the query when needed...
+      onPaginationChange: setPagination,
+      meta: {
+        resetQuery: setResetQuery
+      }
+    }
+  }));
+}
+//# sourceMappingURL=index.js.map

package/build-module/components/page-pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["apiFetch","addQueryArgs","VisuallyHidden","__experimentalHeading","Heading","__experimentalVStack","VStack","__","useEntityRecords","decodeEntities","useState","useEffect","useMemo","Page","Link","PageActions","DataViews","PAGE_SIZE_VALUES","EMPTY_ARRAY","PagePages","reset","setResetQuery","v","globalFilter","setGlobalFilter","paginationInfo","setPaginationInfo","pageIndex","pageSize","setPagination","postStatuses","setPostStatuses","path","then","pagination","sorting","setSorting","order","orderby","queryArgs","per_page","page","_embed","desc","id","search","status","records","isResolving","isLoading","_fields","method","parse","res","totalPages","parseInt","headers","get","totalItems","fields","header","accessorFn","title","rendered","slug","cell","props","row","original","createElement","spacing","as","level","params","postId","postType","type","canvas","getValue","maxWidth","sortingFn","enableHiding","_embedded","author","name","href","onRemove","data","options","manualSorting","manualFiltering","manualPagination","enableRowSelection","state","pageCount","onSortingChange","onGlobalFilterChange","value","onPaginationChange","meta","resetQuery"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\nimport {\n\tVisuallyHidden,\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport Link from '../routes/link';\nimport PageActions from '../page-actions';\nimport { DataViews, PAGE_SIZE_VALUES } from '../dataviews';\n\nconst EMPTY_ARRAY = [];\n\nexport default function PagePages() {\n\tconst [ reset, setResetQuery ] = useState( ( v ) => ! v );\n\tconst [ globalFilter, setGlobalFilter ] = useState( '' );\n\tconst [ paginationInfo, setPaginationInfo ] = useState();\n\tconst [ { pageIndex, pageSize }, setPagination ] = useState( {\n\t\tpageIndex: 0,\n\t\tpageSize: PAGE_SIZE_VALUES[ 0 ],\n\t} );\n\t// Request post statuses to get the proper labels.\n\tconst [ postStatuses, setPostStatuses ] = useState( EMPTY_ARRAY );\n\tuseEffect( () => {\n\t\tapiFetch( {\n\t\t\tpath: '/wp/v2/statuses',\n\t\t} ).then( setPostStatuses );\n\t}, [] );\n\n\t// TODO: probably memo other objects passed as state(ex:https://tanstack.com/table/v8/docs/examples/react/pagination-controlled).\n\tconst pagination = useMemo(\n\t\t() => ( { pageIndex, pageSize } ),\n\t\t[ pageIndex, pageSize ]\n\t);\n\tconst [ sorting, setSorting ] = useState( [\n\t\t{ order: 'desc', orderby: 'date' },\n\t] );\n\tconst queryArgs = useMemo(\n\t\t() => ( {\n\t\t\tper_page: pageSize,\n\t\t\tpage: pageIndex + 1, // tanstack starts from zero.\n\t\t\t_embed: 'author',\n\t\t\torder: sorting[ 0 ]?.desc ? 'desc' : 'asc',\n\t\t\torderby: sorting[ 0 ]?.id,\n\t\t\tsearch: globalFilter,\n\t\t\tstatus: [ 'publish', 'draft' ],\n\t\t} ),\n\t\t[\n\t\t\tglobalFilter,\n\t\t\tsorting[ 0 ]?.id,\n\t\t\tsorting[ 0 ]?.desc,\n\t\t\tpageSize,\n\t\t\tpageIndex,\n\t\t\treset,\n\t\t]\n\t);\n\tconst { records, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\tqueryArgs\n\t);\n\tuseEffect( () => {\n\t\t// Make extra request to handle controlled pagination.\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/pages', {\n\t\t\t\t...queryArgs,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} ).then( ( res ) => {\n\t\t\tconst totalPages = parseInt( res.headers.get( 'X-WP-TotalPages' ) );\n\t\t\tconst totalItems = parseInt( res.headers.get( 'X-WP-Total' ) );\n\t\t\tsetPaginationInfo( {\n\t\t\t\ttotalPages,\n\t\t\t\ttotalItems,\n\t\t\t} );\n\t\t} );\n\t\t// Status should not make extra request if already did..\n\t}, [ globalFilter, pageSize, reset ] );\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\taccessorFn: ( page ) => page.title?.rendered || page.slug,\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\tconst page = props.row.original;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t<Heading as=\"h3\" level={ 5 }>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\t\t\tpostId: page.id,\n\t\t\t\t\t\t\t\t\t\tpostType: page.type,\n\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities( props.getValue() ) }\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tsortingFn: 'alphanumeric',\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\taccessorFn: ( page ) => page._embedded?.author[ 0 ]?.name,\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\tconst author = props.row.original._embedded?.author[ 0 ];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<a href={ `user-edit.php?user_id=${ author.id }` }>\n\t\t\t\t\t\t\t{ author.name }\n\t\t\t\t\t\t</a>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: 'Status',\n\t\t\t\tid: 'status',\n\t\t\t\tcell: ( props ) =>\n\t\t\t\t\tpostStatuses[ props.row.original.status ]?.name,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: <VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>,\n\t\t\t\tid: 'actions',\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\tconst page = props.row.original;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<PageActions\n\t\t\t\t\t\t\tpostId={ page.id }\n\t\t\t\t\t\t\tonRemove={ () => setResetQuery() }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t],\n\t\t[ postStatuses ]\n\t);\n\n\t// TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<Page title={ __( 'Pages' ) }>\n\t\t\t<DataViews\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tdata={ records || EMPTY_ARRAY }\n\t\t\t\tisLoading={ isLoading }\n\t\t\t\tfields={ fields }\n\t\t\t\toptions={ {\n\t\t\t\t\tmanualSorting: true,\n\t\t\t\t\tmanualFiltering: true,\n\t\t\t\t\tmanualPagination: true,\n\t\t\t\t\tenableRowSelection: true,\n\t\t\t\t\tstate: {\n\t\t\t\t\t\tsorting,\n\t\t\t\t\t\tglobalFilter,\n\t\t\t\t\t\tpagination,\n\t\t\t\t\t},\n\t\t\t\t\tpageCount: paginationInfo?.totalPages,\n\t\t\t\t\tonSortingChange: setSorting,\n\t\t\t\t\tonGlobalFilterChange: ( value ) => {\n\t\t\t\t\t\tsetGlobalFilter( value );\n\t\t\t\t\t\tsetPagination( { pageIndex: 0, pageSize } );\n\t\t\t\t\t},\n\t\t\t\t\t// TODO: check these callbacks and maybe reset the query when needed...\n\t\t\t\t\tonPaginationChange: setPagination,\n\t\t\t\t\tmeta: { resetQuery: setResetQuery },\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/page-patterns/duplicate-menu-item.js

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

package/build-module/components/page-patterns/grid-item.js

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

package/build-module/components/page-patterns/grid.js

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

package/build-module/components/page-patterns/header.js

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

package/build-module/components/page-patterns/index.js

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

package/build-module/components/page-patterns/no-patterns.js

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

package/build-module/components/page-patterns/pagination.js

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

package/build-module/components/page-patterns/patterns-list.js

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

package/build-module/components/page-patterns/rename-menu-item.js

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

package/build-module/components/page-template-parts/add-new-template-part.js

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

package/build-module/components/page-template-parts/index.js

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

package/build-module/components/page-templates/index.js

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

package/build-module/components/plugin-template-setting-panel/index.js

@@ -29,7 +29,7 @@ PluginTemplateSettingPanel.Slot = Slot;
  *	);
  * ```
  *
- * @return {WPComponent} The component to be rendered.
+ * @return {Component} The component to be rendered.
  */
 export default PluginTemplateSettingPanel;
 //# sourceMappingURL=index.js.map

package/build-module/components/plugin-template-setting-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","Fill","Slot","PluginTemplateSettingPanel"],"sources":["@wordpress/edit-site/src/components/plugin-template-setting-panel/index.js"],"sourcesContent":["/**\n * Defines an extensibility slot for the Template sidebar.\n */\n\n/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill, Slot } = createSlotFill( 'PluginTemplateSettingPanel' );\n\nconst PluginTemplateSettingPanel = Fill;\nPluginTemplateSettingPanel.Slot = Slot;\n\n/**\n * Renders items in the Template Sidebar below the main information\n * like the Template Card.\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { PluginTemplateSettingPanel } from '@wordpress/edit-site';\n *\n * const MyTemplateSettingTest = () => (\n * \t\t<PluginTemplateSettingPanel>\n *\t\t\t<p>Hello, World!</p>\n *\t\t</PluginTemplateSettingPanel>\n *\t);\n * ```\n *\n * @return {WPComponent} The component to be rendered.\n */\nexport default PluginTemplateSettingPanel;\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGF,cAAc,CAAE,4BAA6B,CAAC;AAErE,MAAMG,0BAA0B,GAAGF,IAAI;AACvCE,0BAA0B,CAACD,IAAI,GAAGA,IAAI;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeC,0BAA0B"}
+{"version":3,"names":["createSlotFill","Fill","Slot","PluginTemplateSettingPanel"],"sources":["@wordpress/edit-site/src/components/plugin-template-setting-panel/index.js"],"sourcesContent":["/**\n * Defines an extensibility slot for the Template sidebar.\n */\n\n/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill, Slot } = createSlotFill( 'PluginTemplateSettingPanel' );\n\nconst PluginTemplateSettingPanel = Fill;\nPluginTemplateSettingPanel.Slot = Slot;\n\n/**\n * Renders items in the Template Sidebar below the main information\n * like the Template Card.\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { PluginTemplateSettingPanel } from '@wordpress/edit-site';\n *\n * const MyTemplateSettingTest = () => (\n * \t\t<PluginTemplateSettingPanel>\n *\t\t\t<p>Hello, World!</p>\n *\t\t</PluginTemplateSettingPanel>\n *\t);\n * ```\n *\n * @return {Component} The component to be rendered.\n */\nexport default PluginTemplateSettingPanel;\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGF,cAAc,CAAE,4BAA6B,CAAC;AAErE,MAAMG,0BAA0B,GAAGF,IAAI;AACvCE,0BAA0B,CAACD,IAAI,GAAGA,IAAI;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeC,0BAA0B"}

package/build-module/components/preferences-modal/enable-feature.js

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

package/build-module/components/preferences-modal/index.js

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

package/build-module/components/resizable-frame/index.js

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

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

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

package/build-module/components/routes/link.js

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

package/build-module/components/save-button/index.js

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

package/build-module/components/save-hub/index.js

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

package/build-module/components/save-panel/index.js

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

package/build-module/components/secondary-sidebar/inserter-sidebar.js

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