@wordpress/edit-site 6.12.1-next.082ed6819.0 → 6.13.1-next.cd6172eb0.0

package/build/components/posts-app/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PostsApp;
-var _editor = require("@wordpress/editor");
 var _router = require("@wordpress/router");
+var _data = require("@wordpress/data");
 var _layout = _interopRequireDefault(require("../layout"));
 var _postsAppRoutes = require("../posts-app-routes");
 var _lockUnlock = require("../../lock-unlock");
-var _router2 = _interopRequireDefault(require("../layout/router"));
+var _store = require("../../store");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -23,21 +23,15 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   RouterProvider
 } = (0, _lockUnlock.unlock)(_router.privateApis);
-const {
-  GlobalStylesProvider
-} = (0, _lockUnlock.unlock)(_editor.privateApis);
-function PostsLayout() {
-  (0, _postsAppRoutes.useRegisterPostsAppRoutes)();
-  const route = (0, _router2.default)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_layout.default, {
-    route: route
-  });
-}
 function PostsApp() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(GlobalStylesProvider, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.UnsavedChangesWarning, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(RouterProvider, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PostsLayout, {})
-    })]
+  (0, _postsAppRoutes.useRegisterPostsAppRoutes)();
+  const routes = (0, _data.useSelect)(select => {
+    return (0, _lockUnlock.unlock)(select(_store.store)).getRoutes();
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RouterProvider, {
+    routes: routes,
+    pathArg: "p",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layout.default, {})
   });
 }
 //# sourceMappingURL=index.js.map

package/build/components/posts-app/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_editor","require","_router","_layout","_interopRequireDefault","_postsAppRoutes","_lockUnlock","_router2","_jsxRuntime","RouterProvider","unlock","routerPrivateApis","GlobalStylesProvider","editorPrivateApis","PostsLayout","useRegisterPostsAppRoutes","route","useActiveRoute","jsx","default","PostsApp","jsxs","children","UnsavedChangesWarning"],"sources":["@wordpress/edit-site/src/components/posts-app/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tUnsavedChangesWarning,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Layout from '../layout';\nimport { useRegisterPostsAppRoutes } from '../posts-app-routes';\nimport { unlock } from '../../lock-unlock';\nimport useActiveRoute from '../layout/router';\n\nconst { RouterProvider } = unlock( routerPrivateApis );\nconst { GlobalStylesProvider } = unlock( editorPrivateApis );\n\nfunction PostsLayout() {\n\tuseRegisterPostsAppRoutes();\n\tconst route = useActiveRoute();\n\treturn <Layout route={ route } />;\n}\n\nexport default function PostsApp() {\n\treturn (\n\t\t<GlobalStylesProvider>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<RouterProvider>\n\t\t\t\t<PostsLayout />\n\t\t\t</RouterProvider>\n\t\t</GlobalStylesProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAIA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAH,sBAAA,CAAAH,OAAA;AAA8C,IAAAO,WAAA,GAAAP,OAAA;AAf9C;AACA;AACA;;AAOA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AACtD,MAAM;EAAEC;AAAqB,CAAC,GAAG,IAAAF,kBAAM,EAAEG,mBAAkB,CAAC;AAE5D,SAASC,WAAWA,CAAA,EAAG;EACtB,IAAAC,yCAAyB,EAAC,CAAC;EAC3B,MAAMC,KAAK,GAAG,IAAAC,gBAAc,EAAC,CAAC;EAC9B,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAACf,OAAA,CAAAgB,OAAM;IAACH,KAAK,EAAGA;EAAO,CAAE,CAAC;AAClC;AAEe,SAASI,QAAQA,CAAA,EAAG;EAClC,oBACC,IAAAZ,WAAA,CAAAa,IAAA,EAACT,oBAAoB;IAAAU,QAAA,gBACpB,IAAAd,WAAA,CAAAU,GAAA,EAAClB,OAAA,CAAAuB,qBAAqB,IAAE,CAAC,eACzB,IAAAf,WAAA,CAAAU,GAAA,EAACT,cAAc;MAAAa,QAAA,eACd,IAAAd,WAAA,CAAAU,GAAA,EAACJ,WAAW,IAAE;IAAC,CACA,CAAC;EAAA,CACI,CAAC;AAEzB","ignoreList":[]}
+{"version":3,"names":["_router","require","_data","_layout","_interopRequireDefault","_postsAppRoutes","_lockUnlock","_store","_jsxRuntime","RouterProvider","unlock","routerPrivateApis","PostsApp","useRegisterPostsAppRoutes","routes","useSelect","select","editSiteStore","getRoutes","jsx","pathArg","children","default"],"sources":["@wordpress/edit-site/src/components/posts-app/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Layout from '../layout';\nimport { useRegisterPostsAppRoutes } from '../posts-app-routes';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { RouterProvider } = unlock( routerPrivateApis );\n\nexport default function PostsApp() {\n\tuseRegisterPostsAppRoutes();\n\tconst routes = useSelect( ( select ) => {\n\t\treturn unlock( select( editSiteStore ) ).getRoutes();\n\t}, [] );\n\treturn (\n\t\t<RouterProvider routes={ routes } pathArg=\"p\">\n\t\t\t<Layout />\n\t\t</RouterProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAqD,IAAAO,WAAA,GAAAP,OAAA;AAZrD;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEvC,SAASC,QAAQA,CAAA,EAAG;EAClC,IAAAC,yCAAyB,EAAC,CAAC;EAC3B,MAAMC,MAAM,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACvC,OAAO,IAAAN,kBAAM,EAAEM,MAAM,CAAEC,YAAc,CAAE,CAAC,CAACC,SAAS,CAAC,CAAC;EACrD,CAAC,EAAE,EAAG,CAAC;EACP,oBACC,IAAAV,WAAA,CAAAW,GAAA,EAACV,cAAc;IAACK,MAAM,EAAGA,MAAQ;IAACM,OAAO,EAAC,GAAG;IAAAC,QAAA,eAC5C,IAAAb,WAAA,CAAAW,GAAA,EAAChB,OAAA,CAAAmB,OAAM,IAAE;EAAC,CACK,CAAC;AAEnB","ignoreList":[]}

package/build/components/posts-app-routes/index.js

@@ -8,12 +8,8 @@ var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
-var _home = require("./home");
-var _postsListViewQuickEdit = require("./posts-list-view-quick-edit");
-var _postsListView = require("./posts-list-view");
-var _postsViewQuickEdit = require("./posts-view-quick-edit");
-var _postsView = require("./posts-view");
-var _postsEdit = require("./posts-edit");
+var _posts = require("./posts");
+var _postItem = require("./post-item");
 /**
  * WordPress dependencies
  */
@@ -22,7 +18,7 @@ var _postsEdit = require("./posts-edit");
  * Internal dependencies
  */
 
-const routes = [_postsListViewQuickEdit.postsListViewQuickEditRoute, _postsListView.postsListViewRoute, _postsViewQuickEdit.postsViewQuickEditRoute, _postsView.postsViewRoute, _postsEdit.postsEditRoute, _home.homeRoute];
+const routes = [_postItem.postItemRoute, _posts.postsRoute];
 function useRegisterPostsAppRoutes() {
   const registry = (0, _data.useRegistry)();
   const {

package/build/components/posts-app-routes/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_element","_lockUnlock","_store","_home","_postsListViewQuickEdit","_postsListView","_postsViewQuickEdit","_postsView","_postsEdit","routes","postsListViewQuickEditRoute","postsListViewRoute","postsViewQuickEditRoute","postsViewRoute","postsEditRoute","homeRoute","useRegisterPostsAppRoutes","registry","useRegistry","registerRoute","unlock","useDispatch","siteEditorStore","useEffect","batch","forEach"],"sources":["@wordpress/edit-site/src/components/posts-app-routes/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRegistry, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as siteEditorStore } from '../../store';\nimport { homeRoute } from './home';\nimport { postsListViewQuickEditRoute } from './posts-list-view-quick-edit';\nimport { postsListViewRoute } from './posts-list-view';\nimport { postsViewQuickEditRoute } from './posts-view-quick-edit';\nimport { postsViewRoute } from './posts-view';\nimport { postsEditRoute } from './posts-edit';\n\nconst routes = [\n\tpostsListViewQuickEditRoute,\n\tpostsListViewRoute,\n\tpostsViewQuickEditRoute,\n\tpostsViewRoute,\n\tpostsEditRoute,\n\thomeRoute,\n];\n\nexport function useRegisterPostsAppRoutes() {\n\tconst registry = useRegistry();\n\tconst { registerRoute } = unlock( useDispatch( siteEditorStore ) );\n\tuseEffect( () => {\n\t\tregistry.batch( () => {\n\t\t\troutes.forEach( registerRoute );\n\t\t} );\n\t}, [ registry, registerRoute ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAUA,MAAMU,MAAM,GAAG,CACdC,mDAA2B,EAC3BC,iCAAkB,EAClBC,2CAAuB,EACvBC,yBAAc,EACdC,yBAAc,EACdC,eAAS,CACT;AAEM,SAASC,yBAAyBA,CAAA,EAAG;EAC3C,MAAMC,QAAQ,GAAG,IAAAC,iBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,iBAAW,EAAEC,YAAgB,CAAE,CAAC;EAClE,IAAAC,kBAAS,EAAE,MAAM;IAChBN,QAAQ,CAACO,KAAK,CAAE,MAAM;MACrBf,MAAM,CAACgB,OAAO,CAAEN,aAAc,CAAC;IAChC,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEF,QAAQ,EAAEE,aAAa,CAAG,CAAC;AACjC","ignoreList":[]}
+{"version":3,"names":["_data","require","_element","_lockUnlock","_store","_posts","_postItem","routes","postItemRoute","postsRoute","useRegisterPostsAppRoutes","registry","useRegistry","registerRoute","unlock","useDispatch","siteEditorStore","useEffect","batch","forEach"],"sources":["@wordpress/edit-site/src/components/posts-app-routes/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRegistry, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as siteEditorStore } from '../../store';\nimport { postsRoute } from './posts';\nimport { postItemRoute } from './post-item';\n\nconst routes = [ postItemRoute, postsRoute ];\n\nexport function useRegisterPostsAppRoutes() {\n\tconst registry = useRegistry();\n\tconst { registerRoute } = unlock( useDispatch( siteEditorStore ) );\n\tuseEffect( () => {\n\t\tregistry.batch( () => {\n\t\t\troutes.forEach( registerRoute );\n\t\t} );\n\t}, [ registry, registerRoute ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAMM,MAAM,GAAG,CAAEC,uBAAa,EAAEC,iBAAU,CAAE;AAErC,SAASC,yBAAyBA,CAAA,EAAG;EAC3C,MAAMC,QAAQ,GAAG,IAAAC,iBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,iBAAW,EAAEC,YAAgB,CAAE,CAAC;EAClE,IAAAC,kBAAS,EAAE,MAAM;IAChBN,QAAQ,CAACO,KAAK,CAAE,MAAM;MACrBX,MAAM,CAACY,OAAO,CAAEN,aAAc,CAAC;IAChC,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEF,QAAQ,EAAEE,aAAa,CAAG,CAAC;AACjC","ignoreList":[]}

package/build/components/posts-app-routes/{posts-edit.js → post-item.js}

@@ -4,12 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.postsEditRoute = void 0;
+exports.postItemRoute = void 0;
 var _i18n = require("@wordpress/i18n");
-var _postList = _interopRequireDefault(require("../post-list"));
+var _editor = _interopRequireDefault(require("../editor"));
 var _sidebarDataviews = _interopRequireDefault(require("../sidebar-dataviews"));
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
-var _editor = _interopRequireDefault(require("../editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -19,19 +18,16 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const postsEditRoute = exports.postsEditRoute = {
-  name: 'posts-edit',
-  match: params => {
-    return params.postType === 'post' && params.canvas === 'edit';
-  },
+const postItemRoute = exports.postItemRoute = {
+  name: 'post-item',
+  path: '/post/:postId',
   areas: {
     sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
       title: (0, _i18n.__)('Posts'),
       isRoot: true,
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarDataviews.default, {})
-    }),
-    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_postList.default, {
-      postType: "post"
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarDataviews.default, {
+        postType: "post"
+      })
     }),
     mobile: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {
       isPostsList: true
@@ -41,4 +37,4 @@ const postsEditRoute = exports.postsEditRoute = {
     })
   }
 };
-//# sourceMappingURL=posts-edit.js.map
+//# sourceMappingURL=post-item.js.map

package/build/components/posts-app-routes/post-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_editor","_interopRequireDefault","_sidebarDataviews","_sidebarNavigationScreen","_jsxRuntime","postItemRoute","exports","name","path","areas","sidebar","jsx","default","title","__","isRoot","content","postType","mobile","isPostsList","preview"],"sources":["@wordpress/edit-site/src/components/posts-app-routes/post-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\n\nexport const postItemRoute = {\n\tname: 'post-item',\n\tpath: '/post/:postId',\n\tareas: {\n\t\tsidebar: (\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Posts' ) }\n\t\t\t\tisRoot\n\t\t\t\tcontent={ <DataViewsSidebarContent postType=\"post\" /> }\n\t\t\t/>\n\t\t),\n\t\tmobile: <Editor isPostsList />,\n\t\tpreview: <Editor isPostsList />,\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,wBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAmE,IAAAK,WAAA,GAAAL,OAAA;AAVnE;AACA;AACA;;AAGA;AACA;AACA;;AAKO,MAAMM,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC5BE,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACNC,OAAO,eACN,IAAAN,WAAA,CAAAO,GAAA,EAACR,wBAAA,CAAAS,OAAuB;MACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;MACvBC,MAAM;MACNC,OAAO,eAAG,IAAAZ,WAAA,CAAAO,GAAA,EAACT,iBAAA,CAAAU,OAAuB;QAACK,QAAQ,EAAC;MAAM,CAAE;IAAG,CACvD,CACD;IACDC,MAAM,eAAE,IAAAd,WAAA,CAAAO,GAAA,EAACX,OAAA,CAAAY,OAAM;MAACO,WAAW;IAAA,CAAE,CAAC;IAC9BC,OAAO,eAAE,IAAAhB,WAAA,CAAAO,GAAA,EAACX,OAAA,CAAAY,OAAM;MAACO,WAAW;IAAA,CAAE;EAC/B;AACD,CAAC","ignoreList":[]}

package/build/components/posts-app-routes/posts.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postsRoute = void 0;
+var _router = require("@wordpress/router");
+var _i18n = require("@wordpress/i18n");
+var _editor = _interopRequireDefault(require("../editor"));
+var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
+var _sidebarDataviews = _interopRequireDefault(require("../sidebar-dataviews"));
+var _postList = _interopRequireDefault(require("../post-list"));
+var _lockUnlock = require("../../lock-unlock");
+var _postEdit = require("../post-edit");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+function MobilePostsView() {
+  const {
+    query = {}
+  } = useLocation();
+  const {
+    canvas = 'view'
+  } = query;
+  return canvas === 'edit' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_postList.default, {
+    postType: "post"
+  });
+}
+const postsRoute = exports.postsRoute = {
+  name: 'posts',
+  path: '/',
+  areas: {
+    sidebar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
+      title: (0, _i18n.__)('Posts'),
+      isRoot: true,
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarDataviews.default, {
+        postType: "post"
+      })
+    }),
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_postList.default, {
+      postType: "post"
+    }),
+    preview({
+      query
+    }) {
+      const isListView = (query.layout === 'list' || !query.layout) && query.isCustom !== 'true';
+      return isListView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {
+        isPostsList: true
+      }) : undefined;
+    },
+    mobile: /*#__PURE__*/(0, _jsxRuntime.jsx)(MobilePostsView, {}),
+    edit({
+      query
+    }) {
+      var _query$layout;
+      const hasQuickEdit = ((_query$layout = query.layout) !== null && _query$layout !== void 0 ? _query$layout : 'list') === 'list' && !!query.quickEdit;
+      return hasQuickEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_postEdit.PostEdit, {
+        postType: "post",
+        postId: query.postId
+      }) : undefined;
+    }
+  },
+  widths: {
+    content({
+      query
+    }) {
+      const isListView = (query.layout === 'list' || !query.layout) && query.isCustom !== 'true';
+      return isListView ? 380 : undefined;
+    },
+    edit({
+      query
+    }) {
+      var _query$layout2;
+      const hasQuickEdit = ((_query$layout2 = query.layout) !== null && _query$layout2 !== void 0 ? _query$layout2 : 'list') === 'list' && !!query.quickEdit;
+      return hasQuickEdit ? 380 : undefined;
+    }
+  }
+};
+//# sourceMappingURL=posts.js.map

package/build/components/posts-app-routes/posts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_router","require","_i18n","_editor","_interopRequireDefault","_sidebarNavigationScreen","_sidebarDataviews","_postList","_lockUnlock","_postEdit","_jsxRuntime","useLocation","unlock","routerPrivateApis","MobilePostsView","query","canvas","jsx","default","postType","postsRoute","exports","name","path","areas","sidebar","title","__","isRoot","content","preview","isListView","layout","isCustom","isPostsList","undefined","mobile","edit","_query$layout","hasQuickEdit","quickEdit","PostEdit","postId","widths","_query$layout2"],"sources":["@wordpress/edit-site/src/components/posts-app-routes/posts.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport PostList from '../post-list';\nimport { unlock } from '../../lock-unlock';\nimport { PostEdit } from '../post-edit';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction MobilePostsView() {\n\tconst { query = {} } = useLocation();\n\tconst { canvas = 'view' } = query;\n\n\treturn canvas === 'edit' ? <Editor /> : <PostList postType=\"post\" />;\n}\n\nexport const postsRoute = {\n\tname: 'posts',\n\tpath: '/',\n\tareas: {\n\t\tsidebar: (\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Posts' ) }\n\t\t\t\tisRoot\n\t\t\t\tcontent={ <DataViewsSidebarContent postType=\"post\" /> }\n\t\t\t/>\n\t\t),\n\t\tcontent: <PostList postType=\"post\" />,\n\t\tpreview( { query } ) {\n\t\t\tconst isListView =\n\t\t\t\t( query.layout === 'list' || ! query.layout ) &&\n\t\t\t\tquery.isCustom !== 'true';\n\t\t\treturn isListView ? <Editor isPostsList /> : undefined;\n\t\t},\n\t\tmobile: <MobilePostsView />,\n\t\tedit( { query } ) {\n\t\t\tconst hasQuickEdit =\n\t\t\t\t( query.layout ?? 'list' ) === 'list' && !! query.quickEdit;\n\t\t\treturn hasQuickEdit ? (\n\t\t\t\t<PostEdit postType=\"post\" postId={ query.postId } />\n\t\t\t) : undefined;\n\t\t},\n\t},\n\twidths: {\n\t\tcontent( { query } ) {\n\t\t\tconst isListView =\n\t\t\t\t( query.layout === 'list' || ! query.layout ) &&\n\t\t\t\tquery.isCustom !== 'true';\n\t\t\treturn isListView ? 380 : undefined;\n\t\t},\n\t\tedit( { query } ) {\n\t\t\tconst hasQuickEdit =\n\t\t\t\t( query.layout ?? 'list' ) === 'list' && !! query.quickEdit;\n\t\t\treturn hasQuickEdit ? 380 : undefined;\n\t\t},\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,6 +12,7 @@ var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
 var _router = require("@wordpress/router");
 var _lockUnlock = require("../../lock-unlock");
+var _url = require("@wordpress/url");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -83,11 +84,12 @@ function ResizableFrame({
 }) {
   const history = useHistory();
   const {
-    params
+    path,
+    query
   } = useLocation();
   const {
     canvas = 'view'
-  } = params;
+  } = query;
   const disableMotion = (0, _compose.useReducedMotion)();
   const [frameSize, setFrameSize] = (0, _element.useState)(INITIAL_FRAME_SIZE);
   // The width of the resizable frame when a new resize gesture starts.
@@ -141,10 +143,9 @@ function ResizableFrame({
       setFrameSize(INITIAL_FRAME_SIZE);
     } else {
       // Trigger full screen if the frame is resized far enough to the left.
-      history.push({
-        ...params,
+      history.navigate((0, _url.addQueryArgs)(path, {
         canvas: 'edit'
-      }, undefined, {
+      }), {
         transition: 'canvas-mode-edit-transition'
       });
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_compose","_i18n","_router","_lockUnlock","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","history","params","canvas","disableMotion","useReducedMotion","frameSize","setFrameSize","useState","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","FRAME_TRANSITION","type","duration","frameRef","useRef","resizableHandleHelpId","useInstanceId","defaultAspectRatio","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","push","transition","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","isRTL","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","jsx","ResizableBox","as","motion","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","jsxs","Fragment","Tooltip","text","__","__unstableMotion","button","role","className","clsx","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style","_default","exports"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) * amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space availalbe in the viewport. */\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment * 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif ( remainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD ) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\thistory.push(\n\t\t\t\t{\n\t\t\t\t\t...params,\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t},\n\t\t\t\tundefined,\n\t\t\t\t{\n\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta =\n\t\t\tstep *\n\t\t\t( event.key === 'ArrowLeft' ? 1 : -1 ) *\n\t\t\t( isRTL() ? -1 : 1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\t...( isRTL() ? { right: 0 } : { left: 0 } ),\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvas === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\t...( isRTL()\n\t\t\t\t\t? { right: isReady, left: false }\n\t\t\t\t\t: { left: isReady, right: false } ),\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\t[ isRTL() ? 'right' : 'left' ]: canvas === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow */ }\n\t\t\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth ||\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_compose","_i18n","_router","_lockUnlock","_url","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","history","path","query","canvas","disableMotion","useReducedMotion","frameSize","setFrameSize","useState","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","FRAME_TRANSITION","type","duration","frameRef","useRef","resizableHandleHelpId","useInstanceId","defaultAspectRatio","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","navigate","addQueryArgs","transition","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","isRTL","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","jsx","ResizableBox","as","motion","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","jsxs","Fragment","Tooltip","text","__","__unstableMotion","button","role","className","clsx","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style","_default","exports"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { addQueryArgs } from '@wordpress/url';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) * amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space availalbe in the viewport. */\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst history = useHistory();\n\tconst { path, query } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment * 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif ( remainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD ) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\thistory.navigate(\n\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} ),\n\t\t\t\t{\n\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta =\n\t\t\tstep *\n\t\t\t( event.key === 'ArrowLeft' ? 1 : -1 ) *\n\t\t\t( isRTL() ? -1 : 1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\t...( isRTL() ? { right: 0 } : { left: 0 } ),\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvas === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\t...( isRTL()\n\t\t\t\t\t? { right: isReady, left: false }\n\t\t\t\t\t: { left: isReady, right: false } ),\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\t[ isRTL() ? 'right' : 'left' ]: canvas === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow */ }\n\t\t\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth ||\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}

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

@@ -39,7 +39,8 @@ const {
   useLocation
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 const EntitiesSavedStatesForPreview = ({
-  onClose
+  onClose,
+  renderDialog
 }) => {
   var _currentTheme$name$re, _previewingTheme$name;
   const isDirtyProps = (0, _editor.useEntitiesSavedStatesIsDirty)();
@@ -66,16 +67,18 @@ const EntitiesSavedStatesForPreview = ({
     close: onClose,
     onSave,
     saveEnabled: true,
-    saveLabel: activateSaveLabel
+    saveLabel: activateSaveLabel,
+    renderDialog
   });
 };
 const _EntitiesSavedStates = ({
   onClose,
-  renderDialog = undefined
+  renderDialog
 }) => {
   if ((0, _isPreviewingTheme.isPreviewingTheme)()) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(EntitiesSavedStatesForPreview, {
-      onClose: onClose
+      onClose: onClose,
+      renderDialog: renderDialog
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EntitiesSavedStates, {
@@ -85,11 +88,11 @@ const _EntitiesSavedStates = ({
 };
 function SavePanel() {
   const {
-    params
+    query
   } = useLocation();
   const {
     canvas = 'view'
-  } = params;
+  } = query;
   const {
     isSaveViewOpen,
     isDirty,

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_editor","_data","_i18n","_coreData","_router","_element","_store","_lockUnlock","_useActivateTheme","_useActualCurrentTheme","_isPreviewingTheme","_jsxRuntime","EntitiesSavedStatesExtensible","NavigableRegion","unlock","privateApis","useLocation","routerPrivateApis","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","useEntitiesSavedStatesIsDirty","activateSaveLabel","isDirty","__","currentTheme","useActualCurrentTheme","previewingTheme","useSelect","select","coreStore","getCurrentTheme","additionalPrompt","jsx","children","sprintf","name","rendered","activateTheme","useActivateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","isPreviewingTheme","EntitiesSavedStates","SavePanel","params","canvas","isSaveViewOpen","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","editSiteStore","length","some","record","kind","key","setIsSaveViewOpened","useDispatch","useEffect","Modal","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","jsxs","clsx","ariaLabel","Button","__next40pxDefaultSize","variant","onClick","accessibleWhenDisabled"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: 1: The name of active theme, 2: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst { isSaveViewOpen, isDirty, isSaving } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\tisSavingEntityRecord,\n\t\t\tisResolving,\n\t\t} = select( coreStore );\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\tconst { isSaveViewOpened } = unlock( select( editSiteStore ) );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\tisSaving:\n\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t\t\t) || isActivatingTheme,\n\t\t};\n\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\tuseEffect( () => {\n\t\tsetIsSaveViewOpened( false );\n\t}, [ canvas, setIsSaveViewOpened ] );\n\n\tif ( canvas === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_editor","_data","_i18n","_coreData","_router","_element","_store","_lockUnlock","_useActivateTheme","_useActualCurrentTheme","_isPreviewingTheme","_jsxRuntime","EntitiesSavedStatesExtensible","NavigableRegion","unlock","privateApis","useLocation","routerPrivateApis","EntitiesSavedStatesForPreview","onClose","renderDialog","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","useEntitiesSavedStatesIsDirty","activateSaveLabel","isDirty","__","currentTheme","useActualCurrentTheme","previewingTheme","useSelect","select","coreStore","getCurrentTheme","additionalPrompt","jsx","children","sprintf","name","rendered","activateTheme","useActivateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","isPreviewingTheme","EntitiesSavedStates","SavePanel","query","canvas","isSaveViewOpen","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","editSiteStore","length","some","record","kind","key","setIsSaveViewOpened","useDispatch","useEffect","Modal","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","jsxs","clsx","ariaLabel","Button","__next40pxDefaultSize","variant","onClick","accessibleWhenDisabled"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose, renderDialog } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: 1: The name of active theme, 2: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t\trenderDialog,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn (\n\t\t\t<EntitiesSavedStatesForPreview\n\t\t\t\tonClose={ onClose }\n\t\t\t\trenderDialog={ renderDialog }\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst { isSaveViewOpen, isDirty, isSaving } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\tisSavingEntityRecord,\n\t\t\tisResolving,\n\t\t} = select( coreStore );\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\tconst { isSaveViewOpened } = unlock( select( editSiteStore ) );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\tisSaving:\n\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t\t\t) || isActivatingTheme,\n\t\t};\n\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\tuseEffect( () => {\n\t\tsetIsSaveViewOpened( false );\n\t}, [ canvas, setIsSaveViewOpened ] );\n\n\tif ( canvas === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-dataviews/add-new-view.js

@@ -12,6 +12,7 @@ var _coreData = require("@wordpress/core-data");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _router = require("@wordpress/router");
+var _url = require("@wordpress/url");
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
 var _defaultViews = require("./default-views");
 var _lockUnlock = require("../../lock-unlock");
@@ -25,6 +26,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const {
+  useLocation,
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 function AddNewItemModalContent({
@@ -32,6 +34,9 @@ function AddNewItemModalContent({
   setIsAdding
 }) {
   const history = useHistory();
+  const {
+    path
+  } = useLocation();
   const {
     saveEntityRecord
   } = (0, _data.useDispatch)(_coreData.store);
@@ -67,16 +72,10 @@ function AddNewItemModalContent({
         wp_dataviews_type: dataViewTaxonomyId,
         content: JSON.stringify(defaultViews[0].view)
       });
-      const {
-        params: {
-          postType
-        }
-      } = history.getLocationWithParams();
-      history.push({
-        postType,
+      history.navigate((0, _url.addQueryArgs)(path, {
         activeView: savedRecord.id,
         isCustom: 'true'
-      });
+      }));
       setIsSaving(false);
       setIsAdding(false);
     },

package/build/components/sidebar-dataviews/add-new-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_coreData","_element","_icons","_router","_sidebarNavigationItem","_interopRequireDefault","_defaultViews","_lockUnlock","_jsxRuntime","useHistory","unlock","routerPrivateApis","AddNewItemModalContent","type","setIsAdding","history","saveEntityRecord","useDispatch","coreStore","title","setTitle","useState","isSaving","setIsSaving","defaultViews","useDefaultViews","postType","jsx","onSubmit","event","preventDefault","getEntityRecords","resolveSelect","dataViewTaxonomyId","dataViewTypeRecords","slug","length","id","record","name","savedRecord","status","wp_dataviews_type","content","JSON","stringify","view","params","getLocationWithParams","push","activeView","isCustom","children","jsxs","__experimentalVStack","spacing","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","isBusy","AddNewItem","isAdding","Fragment","default","icon","plus","Modal","onRequestClose"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/add-new-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useDefaultViews } from './default-views';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction AddNewItemModalContent( { type, setIsAdding } ) {\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\tconst defaultViews = useDefaultViews( { postType: type } );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetIsSaving( true );\n\t\t\t\tconst { getEntityRecords } = resolveSelect( coreStore );\n\t\t\t\tlet dataViewTaxonomyId;\n\t\t\t\tconst dataViewTypeRecords = await getEntityRecords(\n\t\t\t\t\t'taxonomy',\n\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t{ slug: type }\n\t\t\t\t);\n\t\t\t\tif ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {\n\t\t\t\t\tdataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;\n\t\t\t\t} else {\n\t\t\t\t\tconst record = await saveEntityRecord(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t\t{ name: type }\n\t\t\t\t\t);\n\t\t\t\t\tif ( record && record.id ) {\n\t\t\t\t\t\tdataViewTaxonomyId = record.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\twp_dataviews_type: dataViewTaxonomyId,\n\t\t\t\t\t\tcontent: JSON.stringify( defaultViews[ 0 ].view ),\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tconst {\n\t\t\t\t\tparams: { postType },\n\t\t\t\t} = history.getLocationWithParams();\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostType,\n\t\t\t\t\tactiveView: savedRecord.id,\n\t\t\t\t\tisCustom: 'true',\n\t\t\t\t} );\n\t\t\t\tsetIsSaving( false );\n\t\t\t\tsetIsAdding( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default function AddNewItem( { type } ) {\n\tconst [ isAdding, setIsAdding ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ plus }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsAdding( true );\n\t\t\t\t} }\n\t\t\t\tclassName=\"dataviews__siderbar-content-add-new-item\"\n\t\t\t>\n\t\t\t\t{ __( 'New view' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ isAdding && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Add new view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<AddNewItemModalContent\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tsetIsAdding={ setIsAdding }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_data","_coreData","_element","_icons","_router","_url","_sidebarNavigationItem","_interopRequireDefault","_defaultViews","_lockUnlock","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","AddNewItemModalContent","type","setIsAdding","history","path","saveEntityRecord","useDispatch","coreStore","title","setTitle","useState","isSaving","setIsSaving","defaultViews","useDefaultViews","postType","jsx","onSubmit","event","preventDefault","getEntityRecords","resolveSelect","dataViewTaxonomyId","dataViewTypeRecords","slug","length","id","record","name","savedRecord","status","wp_dataviews_type","content","JSON","stringify","view","navigate","addQueryArgs","activeView","isCustom","children","jsxs","__experimentalVStack","spacing","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","isBusy","AddNewItem","isAdding","Fragment","default","icon","plus","Modal","onRequestClose"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/add-new-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useDefaultViews } from './default-views';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction AddNewItemModalContent( { type, setIsAdding } ) {\n\tconst history = useHistory();\n\tconst { path } = useLocation();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\tconst defaultViews = useDefaultViews( { postType: type } );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetIsSaving( true );\n\t\t\t\tconst { getEntityRecords } = resolveSelect( coreStore );\n\t\t\t\tlet dataViewTaxonomyId;\n\t\t\t\tconst dataViewTypeRecords = await getEntityRecords(\n\t\t\t\t\t'taxonomy',\n\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t{ slug: type }\n\t\t\t\t);\n\t\t\t\tif ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {\n\t\t\t\t\tdataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;\n\t\t\t\t} else {\n\t\t\t\t\tconst record = await saveEntityRecord(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t\t{ name: type }\n\t\t\t\t\t);\n\t\t\t\t\tif ( record && record.id ) {\n\t\t\t\t\t\tdataViewTaxonomyId = record.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\twp_dataviews_type: dataViewTaxonomyId,\n\t\t\t\t\t\tcontent: JSON.stringify( defaultViews[ 0 ].view ),\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tactiveView: savedRecord.id,\n\t\t\t\t\t\tisCustom: 'true',\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t\tsetIsSaving( false );\n\t\t\t\tsetIsAdding( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default function AddNewItem( { type } ) {\n\tconst [ isAdding, setIsAdding ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ plus }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsAdding( true );\n\t\t\t\t} }\n\t\t\t\tclassName=\"dataviews__siderbar-content-add-new-item\"\n\t\t\t>\n\t\t\t\t{ __( 'New view' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ isAdding && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Add new view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<AddNewItemModalContent\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tsetIsAdding={ setIsAdding }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}