@elementor/editor-site-navigation 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.14.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.13.0...@elementor/editor-site-navigation@0.14.0) (2023-07-27)
+
+
+### Features
+
+* **site-navigation:** add duplicate action to pages panel [ED-10867] ([#95](https://github.com/elementor/elementor-packages/issues/95)) ([2fd8b3c](https://github.com/elementor/elementor-packages/commit/2fd8b3cc88feb525adc4dfebe75ea14189876075))
+
+
+
+
+
 # [0.13.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.12.0...@elementor/editor-site-navigation@0.13.0) (2023-07-26)
 
 

package/dist/index.js

@@ -318,6 +318,17 @@ var deleteRequest = (postTypeSlug, postId) => {
     method: "DELETE"
   });
 };
+var duplicateRequest = (originalPost) => {
+  const path = `/elementor/v1/site-navigation/duplicate-post`;
+  return (0, import_api_fetch3.default)({
+    path,
+    method: "POST",
+    data: {
+      post_id: originalPost.id,
+      title: originalPost.title
+    }
+  });
+};
 
 // src/hooks/use-posts.ts
 var postsQueryKey = (postTypeSlug) => ["site-navigation", "posts", postTypeSlug];
@@ -423,10 +434,15 @@ function usePostActions(postTypeSlug) {
     (postId) => deleteRequest(postTypeSlug, postId),
     { onSuccess }
   );
+  const duplicatePost = (0, import_query2.useMutation)(
+    (originalPost) => duplicateRequest(originalPost),
+    { onSuccess }
+  );
   return {
     createPost,
     updatePost,
-    deletePost
+    deletePost,
+    duplicatePost
   };
 }
 function useInvalidatePosts(postTypeSlug) {
@@ -550,23 +566,23 @@ function ListItemCreate() {
 // src/components/panel/posts-list/list-items/list-item-duplicate.tsx
 var React11 = __toESM(require("react"));
 var import_i18n6 = require("@wordpress/i18n");
-function ListItemDuplicate() {
+function ListItemDuplicate({ post }) {
   const { type, editMode, resetEditMode } = usePostListContext();
-  const { createPost } = usePostActions(type);
+  const { duplicatePost } = usePostActions(type);
   if ("duplicate" !== editMode.mode) {
     return null;
   }
   const duplicatePostCallback = (inputValue) => {
-    createPost.mutateAsync({
-      title: inputValue,
-      status: "draft"
+    duplicatePost.mutateAsync({
+      id: post.id,
+      title: inputValue
     }, {
       onSuccess: () => {
         resetEditMode();
       }
     });
   };
-  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${(0, import_i18n6.__)("copy", "elementor")}`, isLoading: createPost.isLoading, callback: duplicatePostCallback });
+  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${(0, import_i18n6.__)("copy", "elementor")}`, isLoading: duplicatePost.isLoading, callback: duplicatePostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-view.tsx
@@ -817,8 +833,8 @@ function PostListItem2({ post }) {
   if ("create" === editMode.mode && !post) {
     return /* @__PURE__ */ React21.createElement(ListItemCreate, null);
   }
-  if ("duplicate" === editMode.mode && !post) {
-    return /* @__PURE__ */ React21.createElement(ListItemDuplicate, null);
+  if ("duplicate" === editMode.mode && post?.id && post?.id === editMode.details.postId) {
+    return /* @__PURE__ */ React21.createElement(ListItemDuplicate, { post });
   }
   if (!post) {
     return null;

package/dist/index.mjs

@@ -300,6 +300,17 @@ var deleteRequest = (postTypeSlug, postId) => {
     method: "DELETE"
   });
 };
+var duplicateRequest = (originalPost) => {
+  const path = `/elementor/v1/site-navigation/duplicate-post`;
+  return apiFetch3({
+    path,
+    method: "POST",
+    data: {
+      post_id: originalPost.id,
+      title: originalPost.title
+    }
+  });
+};
 
 // src/hooks/use-posts.ts
 var postsQueryKey = (postTypeSlug) => ["site-navigation", "posts", postTypeSlug];
@@ -405,10 +416,15 @@ function usePostActions(postTypeSlug) {
     (postId) => deleteRequest(postTypeSlug, postId),
     { onSuccess }
   );
+  const duplicatePost = useMutation(
+    (originalPost) => duplicateRequest(originalPost),
+    { onSuccess }
+  );
   return {
     createPost,
     updatePost,
-    deletePost
+    deletePost,
+    duplicatePost
   };
 }
 function useInvalidatePosts(postTypeSlug) {
@@ -539,23 +555,23 @@ function ListItemCreate() {
 // src/components/panel/posts-list/list-items/list-item-duplicate.tsx
 import * as React11 from "react";
 import { __ as __6 } from "@wordpress/i18n";
-function ListItemDuplicate() {
+function ListItemDuplicate({ post }) {
   const { type, editMode, resetEditMode } = usePostListContext();
-  const { createPost } = usePostActions(type);
+  const { duplicatePost } = usePostActions(type);
   if ("duplicate" !== editMode.mode) {
     return null;
   }
   const duplicatePostCallback = (inputValue) => {
-    createPost.mutateAsync({
-      title: inputValue,
-      status: "draft"
+    duplicatePost.mutateAsync({
+      id: post.id,
+      title: inputValue
     }, {
       onSuccess: () => {
         resetEditMode();
       }
     });
   };
-  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${__6("copy", "elementor")}`, isLoading: createPost.isLoading, callback: duplicatePostCallback });
+  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${__6("copy", "elementor")}`, isLoading: duplicatePost.isLoading, callback: duplicatePostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-view.tsx
@@ -817,8 +833,8 @@ function PostListItem2({ post }) {
   if ("create" === editMode.mode && !post) {
     return /* @__PURE__ */ React21.createElement(ListItemCreate, null);
   }
-  if ("duplicate" === editMode.mode && !post) {
-    return /* @__PURE__ */ React21.createElement(ListItemDuplicate, null);
+  if ("duplicate" === editMode.mode && post?.id && post?.id === editMode.details.postId) {
+    return /* @__PURE__ */ React21.createElement(ListItemDuplicate, { post });
   }
   if (!post) {
     return null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/editor-site-navigation",
-	"version": "0.13.0",
+	"version": "0.14.0",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -49,5 +49,5 @@
 	"elementor": {
 		"type": "extension"
 	},
-	"gitHead": "eb0ac23904894e5643c30e5b66b91541032bb8a0"
+	"gitHead": "025f7ec0942da99205377c41e713afe1e8f7898d"
 }

package/src/api/post.ts

@@ -70,3 +70,16 @@ export const deleteRequest = ( postTypeSlug: Slug, postId: number ) => {
 		method: 'DELETE',
 	} );
 };
+
+export const duplicateRequest = ( originalPost: UpdatePost ) => {
+	const path = `/elementor/v1/site-navigation/duplicate-post`;
+
+	return apiFetch( {
+		path,
+		method: 'POST',
+		data: {
+			post_id: originalPost.id,
+			title: originalPost.title,
+		},
+	} );
+};

package/src/components/panel/posts-list/list-items/list-item-duplicate.tsx

@@ -3,19 +3,24 @@ import { __ } from '@wordpress/i18n';
 import { usePostListContext } from '../../../../contexts/post-list-context';
 import { usePostActions } from '../../../../hooks/use-posts-actions';
 import EditModeTemplate from './edit-mode-template';
+import { Post } from '../../../../types';
 
-export default function ListItemDuplicate() {
+type Props = {
+	post: Post,
+}
+
+export default function ListItemDuplicate( { post }: Props ) {
 	const { type, editMode, resetEditMode } = usePostListContext();
-	const { createPost } = usePostActions( type );
+	const { duplicatePost } = usePostActions( type );
 
 	if ( 'duplicate' !== editMode.mode ) {
 		return null;
 	}
 
 	const duplicatePostCallback = ( inputValue: string ) => {
-		createPost.mutateAsync( {
+		duplicatePost.mutateAsync( {
+			id: post.id,
 			title: inputValue,
-			status: 'draft',
 		}, {
 			onSuccess: () => {
 				resetEditMode();
@@ -24,6 +29,6 @@ export default function ListItemDuplicate() {
 	};
 
 	return (
-		<EditModeTemplate postTitle={ `${ editMode.details.title } ${ __( 'copy', 'elementor' ) }` } isLoading={ createPost.isLoading } callback={ duplicatePostCallback } />
+		<EditModeTemplate postTitle={ `${ editMode.details.title } ${ __( 'copy', 'elementor' ) }` } isLoading={ duplicatePost.isLoading } callback={ duplicatePostCallback } />
 	);
 }

package/src/components/panel/posts-list/post-list-item.tsx

@@ -17,8 +17,8 @@ export default function PostListItem( { post }: { post?: Post } ) {
 		return <ListItemCreate />;
 	}
 
-	if ( 'duplicate' === editMode.mode && ! post ) {
-		return <ListItemDuplicate />;
+	if ( 'duplicate' === editMode.mode && post?.id && post?.id === editMode.details.postId ) {
+		return <ListItemDuplicate post={ post } />;
 	}
 
 	if ( ! post ) {

package/src/hooks/use-posts-actions.ts

@@ -1,5 +1,5 @@
 import { useQueryClient, useMutation } from '@elementor/query';
-import { createRequest, deleteRequest, updateRequest, NewPost, Slug, UpdatePost } from '../api/post';
+import { createRequest, deleteRequest, updateRequest, duplicateRequest, NewPost, Slug, UpdatePost } from '../api/post';
 import { postsQueryKey } from './use-posts';
 
 export function usePostActions( postTypeSlug: Slug ) {
@@ -22,10 +22,16 @@ export function usePostActions( postTypeSlug: Slug ) {
 		{ onSuccess }
 	);
 
+	const duplicatePost = useMutation(
+		( originalPost: UpdatePost ) => duplicateRequest( originalPost ),
+		{ onSuccess }
+	);
+
 	return {
 		createPost,
 		updatePost,
 		deletePost,
+		duplicatePost,
 	};
 }