@elementor/editor-site-navigation 0.19.6 → 0.19.7

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.7](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.19.6...@elementor/editor-site-navigation@0.19.7) (2023-11-02)
+
+**Note:** Version bump only for package @elementor/editor-site-navigation
+
+
+
+
+
 ## [0.19.6](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.19.5...@elementor/editor-site-navigation@0.19.6) (2023-10-19)
 
 **Note:** Version bump only for package @elementor/editor-site-navigation

package/dist/index.js

@@ -469,22 +469,22 @@ var import_query2 = require("@elementor/query");
 function usePostActions(postTypeSlug) {
   const invalidatePosts = useInvalidatePosts(postTypeSlug);
   const onSuccess = () => invalidatePosts({ exact: true });
-  const createPost = (0, import_query2.useMutation)(
-    (newPost) => createRequest(postTypeSlug, newPost),
-    { onSuccess }
-  );
-  const updatePost = (0, import_query2.useMutation)(
-    (updatedPost) => updateRequest(postTypeSlug, updatedPost),
-    { onSuccess }
-  );
-  const deletePost = (0, import_query2.useMutation)(
-    (postId) => deleteRequest(postTypeSlug, postId),
-    { onSuccess }
-  );
-  const duplicatePost = (0, import_query2.useMutation)(
-    (originalPost) => duplicateRequest(originalPost),
-    { onSuccess }
-  );
+  const createPost = (0, import_query2.useMutation)({
+    mutationFn: (newPost) => createRequest(postTypeSlug, newPost),
+    onSuccess
+  });
+  const updatePost = (0, import_query2.useMutation)({
+    mutationFn: (updatedPost) => updateRequest(postTypeSlug, updatedPost),
+    onSuccess
+  });
+  const deletePost = (0, import_query2.useMutation)({
+    mutationFn: (postId) => deleteRequest(postTypeSlug, postId),
+    onSuccess
+  });
+  const duplicatePost = (0, import_query2.useMutation)({
+    mutationFn: (originalPost) => duplicateRequest(originalPost),
+    onSuccess
+  });
   return {
     createPost,
     updatePost,
@@ -496,7 +496,7 @@ function useInvalidatePosts(postTypeSlug) {
   const queryClient = (0, import_query2.useQueryClient)();
   return (options = {}) => {
     const queryKey = postsQueryKey(postTypeSlug);
-    return queryClient.invalidateQueries(queryKey, options);
+    return queryClient.invalidateQueries({ queryKey }, options);
   };
 }
 
@@ -590,7 +590,7 @@ function ListItemRename({ post }) {
       }
     });
   };
-  return /* @__PURE__ */ React9.createElement(EditModeTemplate, { postTitle: post.title.rendered, isLoading: updatePost.isLoading, callback: renamePostCallback });
+  return /* @__PURE__ */ React9.createElement(EditModeTemplate, { postTitle: post.title.rendered, isLoading: updatePost.isPending, callback: renamePostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-create.tsx
@@ -612,7 +612,7 @@ function ListItemCreate() {
       }
     });
   };
-  return /* @__PURE__ */ React10.createElement(EditModeTemplate, { postTitle: (0, import_i18n5.__)("New Page", "elementor"), isLoading: createPost.isLoading, callback: createPostCallback });
+  return /* @__PURE__ */ React10.createElement(EditModeTemplate, { postTitle: (0, import_i18n5.__)("New Page", "elementor"), isLoading: createPost.isPending, callback: createPostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-duplicate.tsx
@@ -637,7 +637,7 @@ function ListItemDuplicate() {
       }
     });
   };
-  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${(0, import_i18n6.__)("copy", "elementor")}`, isLoading: duplicatePost.isLoading, callback: duplicatePostCallback });
+  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${(0, import_i18n6.__)("copy", "elementor")}`, isLoading: duplicatePost.isPending, callback: duplicatePostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-view.tsx
@@ -790,7 +790,7 @@ function DeleteDialog({ post, setIsDialogOpen }) {
     await deletePost.mutateAsync(post.id);
   };
   const handleCancel = () => {
-    if (deletePost.isLoading) {
+    if (deletePost.isPending) {
       return;
     }
     setIsDialogOpen(false);
@@ -805,7 +805,7 @@ function DeleteDialog({ post, setIsDialogOpen }) {
     /* @__PURE__ */ React16.createElement(import_ui10.DialogTitle, { noWrap: true }, dialogTitle),
     /* @__PURE__ */ React16.createElement(import_ui10.Divider, null),
     /* @__PURE__ */ React16.createElement(import_ui10.DialogContent, null, /* @__PURE__ */ React16.createElement(import_ui10.DialogContentText, null, (0, import_i18n9.__)("The page and its content will be deleted forever and we won\u2019t be able to recover them.", "elementor"))),
-    /* @__PURE__ */ React16.createElement(import_ui10.DialogActions, null, /* @__PURE__ */ React16.createElement(import_ui10.Button, { variant: "contained", color: "secondary", onClick: handleCancel, disabled: deletePost.isLoading }, (0, import_i18n9.__)("Cancel", "elementor")), /* @__PURE__ */ React16.createElement(import_ui10.Button, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isLoading }, !deletePost.isLoading ? (0, import_i18n9.__)("Delete", "elementor") : /* @__PURE__ */ React16.createElement(import_ui10.CircularProgress, null)))
+    /* @__PURE__ */ React16.createElement(import_ui10.DialogActions, null, /* @__PURE__ */ React16.createElement(import_ui10.Button, { variant: "contained", color: "secondary", onClick: handleCancel, disabled: deletePost.isPending }, (0, import_i18n9.__)("Cancel", "elementor")), /* @__PURE__ */ React16.createElement(import_ui10.Button, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isPending }, !deletePost.isPending ? (0, import_i18n9.__)("Delete", "elementor") : /* @__PURE__ */ React16.createElement(import_ui10.CircularProgress, null)))
   );
 }
 
@@ -869,17 +869,17 @@ function useHomepage() {
 function useHomepageActions() {
   const invalidateSettings = useInvalidateSettings();
   const onSuccess = async () => invalidateSettings({ exact: true });
-  const updateSettingsMutation = (0, import_query4.useMutation)(
-    (settings) => updateSettings(settings),
-    { onSuccess }
-  );
+  const updateSettingsMutation = (0, import_query4.useMutation)({
+    mutationFn: (settings) => updateSettings(settings),
+    onSuccess
+  });
   return { updateSettingsMutation };
 }
 function useInvalidateSettings() {
   const queryClient = (0, import_query4.useQueryClient)();
   return (options = {}) => {
     const queryKey = settingsQueryKey();
-    return queryClient.invalidateQueries(queryKey, options);
+    return queryClient.invalidateQueries({ queryKey }, options);
   };
 }
 
@@ -894,9 +894,9 @@ function SetHome({ post }) {
     ActionMenuItem,
     {
       title: (0, import_i18n11.__)("Set as homepage", "elementor"),
-      icon: !updateSettingsMutation.isLoading ? import_icons11.HomeIcon : import_ui11.CircularProgress,
+      icon: !updateSettingsMutation.isPending ? import_icons11.HomeIcon : import_ui11.CircularProgress,
       ListItemButtonProps: {
-        disabled: !!post.isHome || post.status !== "publish" || updateSettingsMutation.isLoading,
+        disabled: !!post.isHome || post.status !== "publish" || updateSettingsMutation.isPending,
         onClick: handleClick
       }
     }

package/dist/index.mjs

@@ -451,22 +451,22 @@ import { useQueryClient, useMutation } from "@elementor/query";
 function usePostActions(postTypeSlug) {
   const invalidatePosts = useInvalidatePosts(postTypeSlug);
   const onSuccess = () => invalidatePosts({ exact: true });
-  const createPost = useMutation(
-    (newPost) => createRequest(postTypeSlug, newPost),
-    { onSuccess }
-  );
-  const updatePost = useMutation(
-    (updatedPost) => updateRequest(postTypeSlug, updatedPost),
-    { onSuccess }
-  );
-  const deletePost = useMutation(
-    (postId) => deleteRequest(postTypeSlug, postId),
-    { onSuccess }
-  );
-  const duplicatePost = useMutation(
-    (originalPost) => duplicateRequest(originalPost),
-    { onSuccess }
-  );
+  const createPost = useMutation({
+    mutationFn: (newPost) => createRequest(postTypeSlug, newPost),
+    onSuccess
+  });
+  const updatePost = useMutation({
+    mutationFn: (updatedPost) => updateRequest(postTypeSlug, updatedPost),
+    onSuccess
+  });
+  const deletePost = useMutation({
+    mutationFn: (postId) => deleteRequest(postTypeSlug, postId),
+    onSuccess
+  });
+  const duplicatePost = useMutation({
+    mutationFn: (originalPost) => duplicateRequest(originalPost),
+    onSuccess
+  });
   return {
     createPost,
     updatePost,
@@ -478,7 +478,7 @@ function useInvalidatePosts(postTypeSlug) {
   const queryClient = useQueryClient();
   return (options = {}) => {
     const queryKey = postsQueryKey(postTypeSlug);
-    return queryClient.invalidateQueries(queryKey, options);
+    return queryClient.invalidateQueries({ queryKey }, options);
   };
 }
 
@@ -578,7 +578,7 @@ function ListItemRename({ post }) {
       }
     });
   };
-  return /* @__PURE__ */ React9.createElement(EditModeTemplate, { postTitle: post.title.rendered, isLoading: updatePost.isLoading, callback: renamePostCallback });
+  return /* @__PURE__ */ React9.createElement(EditModeTemplate, { postTitle: post.title.rendered, isLoading: updatePost.isPending, callback: renamePostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-create.tsx
@@ -600,7 +600,7 @@ function ListItemCreate() {
       }
     });
   };
-  return /* @__PURE__ */ React10.createElement(EditModeTemplate, { postTitle: __5("New Page", "elementor"), isLoading: createPost.isLoading, callback: createPostCallback });
+  return /* @__PURE__ */ React10.createElement(EditModeTemplate, { postTitle: __5("New Page", "elementor"), isLoading: createPost.isPending, callback: createPostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-duplicate.tsx
@@ -625,7 +625,7 @@ function ListItemDuplicate() {
       }
     });
   };
-  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${__6("copy", "elementor")}`, isLoading: duplicatePost.isLoading, callback: duplicatePostCallback });
+  return /* @__PURE__ */ React11.createElement(EditModeTemplate, { postTitle: `${editMode.details.title} ${__6("copy", "elementor")}`, isLoading: duplicatePost.isPending, callback: duplicatePostCallback });
 }
 
 // src/components/panel/posts-list/list-items/list-item-view.tsx
@@ -803,7 +803,7 @@ function DeleteDialog({ post, setIsDialogOpen }) {
     await deletePost.mutateAsync(post.id);
   };
   const handleCancel = () => {
-    if (deletePost.isLoading) {
+    if (deletePost.isPending) {
       return;
     }
     setIsDialogOpen(false);
@@ -818,7 +818,7 @@ function DeleteDialog({ post, setIsDialogOpen }) {
     /* @__PURE__ */ React16.createElement(DialogTitle, { noWrap: true }, dialogTitle),
     /* @__PURE__ */ React16.createElement(Divider3, null),
     /* @__PURE__ */ React16.createElement(DialogContent, null, /* @__PURE__ */ React16.createElement(DialogContentText, null, __9("The page and its content will be deleted forever and we won\u2019t be able to recover them.", "elementor"))),
-    /* @__PURE__ */ React16.createElement(DialogActions, null, /* @__PURE__ */ React16.createElement(Button2, { variant: "contained", color: "secondary", onClick: handleCancel, disabled: deletePost.isLoading }, __9("Cancel", "elementor")), /* @__PURE__ */ React16.createElement(Button2, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isLoading }, !deletePost.isLoading ? __9("Delete", "elementor") : /* @__PURE__ */ React16.createElement(CircularProgress3, null)))
+    /* @__PURE__ */ React16.createElement(DialogActions, null, /* @__PURE__ */ React16.createElement(Button2, { variant: "contained", color: "secondary", onClick: handleCancel, disabled: deletePost.isPending }, __9("Cancel", "elementor")), /* @__PURE__ */ React16.createElement(Button2, { variant: "contained", color: "error", onClick: deletePage, disabled: deletePost.isPending }, !deletePost.isPending ? __9("Delete", "elementor") : /* @__PURE__ */ React16.createElement(CircularProgress3, null)))
   );
 }
 
@@ -882,17 +882,17 @@ function useHomepage() {
 function useHomepageActions() {
   const invalidateSettings = useInvalidateSettings();
   const onSuccess = async () => invalidateSettings({ exact: true });
-  const updateSettingsMutation = useMutation2(
-    (settings) => updateSettings(settings),
-    { onSuccess }
-  );
+  const updateSettingsMutation = useMutation2({
+    mutationFn: (settings) => updateSettings(settings),
+    onSuccess
+  });
   return { updateSettingsMutation };
 }
 function useInvalidateSettings() {
   const queryClient = useQueryClient2();
   return (options = {}) => {
     const queryKey = settingsQueryKey();
-    return queryClient.invalidateQueries(queryKey, options);
+    return queryClient.invalidateQueries({ queryKey }, options);
   };
 }
 
@@ -907,9 +907,9 @@ function SetHome({ post }) {
     ActionMenuItem,
     {
       title: __11("Set as homepage", "elementor"),
-      icon: !updateSettingsMutation.isLoading ? HomeIcon : CircularProgress4,
+      icon: !updateSettingsMutation.isPending ? HomeIcon : CircularProgress4,
       ListItemButtonProps: {
-        disabled: !!post.isHome || post.status !== "publish" || updateSettingsMutation.isLoading,
+        disabled: !!post.isHome || post.status !== "publish" || updateSettingsMutation.isPending,
         onClick: handleClick
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/editor-site-navigation",
-	"version": "0.19.6",
+	"version": "0.19.7",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -32,12 +32,12 @@
 		"dev": "tsup --config=../../tsup.dev.ts"
 	},
 	"dependencies": {
-		"@elementor/editor-app-bar": "^0.9.5",
+		"@elementor/editor-app-bar": "^0.9.6",
 		"@elementor/editor-documents": "^0.10.1",
-		"@elementor/editor-panels": "^0.4.3",
+		"@elementor/editor-panels": "^0.4.4",
 		"@elementor/env": "^0.3.2",
 		"@elementor/icons": "^0.7.1",
-		"@elementor/query": "^0.1.4",
+		"@elementor/query": "^0.1.5",
 		"@elementor/ui": "^1.4.60",
 		"@wordpress/api-fetch": "^6.41.0",
 		"@wordpress/i18n": "^4.44.0",
@@ -49,5 +49,5 @@
 	"elementor": {
 		"type": "extension"
 	},
-	"gitHead": "c692bd825e856d1ac04f671b425a57c1b8466512"
+	"gitHead": "cbfffae2a0d21655d4e3b524095aaf3a0430ae76"
 }

package/src/components/panel/actions-menu/actions/__tests__/delete.test.tsx

@@ -8,7 +8,7 @@ jest.mock( '../../../../../hooks/use-posts-actions', () => ( {
 	usePostActions: () => ( {
 		deletePost: {
 			mutateAsync: mockMutateAsync,
-			isLoading: false,
+			isPending: false,
 		},
 	} ),
 } ) );

package/src/components/panel/actions-menu/actions/__tests__/set-home.test.tsx

@@ -9,7 +9,7 @@ jest.mock( '../../../../../hooks/use-homepage-actions', () => ( {
 	useHomepageActions: jest.fn( () => ( {
 		updateSettingsMutation: {
 			mutateAsync: mockMutateAsync,
-			isLoading: false,
+			isPending: false,
 		},
 	} ) ),
 } ) );

package/src/components/panel/actions-menu/actions/delete.tsx

@@ -59,7 +59,7 @@ function DeleteDialog( { post, setIsDialogOpen }: { post: Post, setIsDialogOpen:
 	};
 
 	const handleCancel = () => {
-		if ( deletePost.isLoading ) {
+		if ( deletePost.isPending ) {
 			return;
 		}
 
@@ -82,11 +82,11 @@ function DeleteDialog( { post, setIsDialogOpen }: { post: Post, setIsDialogOpen:
 				</DialogContentText>
 			</DialogContent>
 			<DialogActions>
-				<Button variant="contained" color="secondary" onClick={ handleCancel } disabled={ deletePost.isLoading }>
+				<Button variant="contained" color="secondary" onClick={ handleCancel } disabled={ deletePost.isPending }>
 					{ __( 'Cancel', 'elementor' ) }
 				</Button>
-				<Button variant="contained" color="error" onClick={ deletePage } disabled={ deletePost.isLoading } >
-					{ ! deletePost.isLoading ? __( 'Delete', 'elementor' ) : <CircularProgress /> }
+				<Button variant="contained" color="error" onClick={ deletePage } disabled={ deletePost.isPending } >
+					{ ! deletePost.isPending ? __( 'Delete', 'elementor' ) : <CircularProgress /> }
 				</Button>
 			</DialogActions>
 		</Dialog>

package/src/components/panel/actions-menu/actions/set-home.tsx

@@ -16,10 +16,10 @@ export default function SetHome( { post }: { post: Post } ) {
 	return (
 		<ActionMenuItem
 			title={ __( 'Set as homepage', 'elementor' ) }
-			icon={ ! updateSettingsMutation.isLoading ? HomeIcon : CircularProgress }
+			icon={ ! updateSettingsMutation.isPending ? HomeIcon : CircularProgress }
 			ListItemButtonProps={
 				{
-					disabled: !! post.isHome || post.status !== 'publish' || updateSettingsMutation.isLoading,
+					disabled: !! post.isHome || post.status !== 'publish' || updateSettingsMutation.isPending,
 					onClick: handleClick,
 				}
 			}

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

@@ -11,7 +11,7 @@ jest.mock( '../../../../hooks/use-posts-actions', () => ( {
 	usePostActions: () => ( {
 		updatePost: {
 			mutateAsync: mockMutateAsync,
-			isLoading: false,
+			isPending: false,
 		},
 	} ),
 } ) );

package/src/components/panel/posts-list/__tests__/posts-collapsible-list.test.tsx

@@ -10,11 +10,11 @@ jest.mock( '../../../../hooks/use-posts-actions', () => ( {
 	usePostActions: () => ( {
 		createPost: {
 			mutateAsync: mockMutateAsync,
-			isLoading: false,
+			isPending: false,
 		},
 		duplicatePost: {
 			mutateAsync: mockMutateAsync,
-			isLoading: false,
+			isPending: false,
 		},
 	} ),
 } ) );

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

@@ -24,6 +24,6 @@ export default function ListItemCreate() {
 	};
 
 	return (
-		<EditModeTemplate postTitle={ __( 'New Page', 'elementor' ) } isLoading={ createPost.isLoading } callback={ createPostCallback } />
+		<EditModeTemplate postTitle={ __( 'New Page', 'elementor' ) } isLoading={ createPost.isPending } callback={ createPostCallback } />
 	);
 }

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

@@ -28,6 +28,6 @@ export default function ListItemDuplicate() {
 	};
 
 	return (
-		<EditModeTemplate postTitle={ `${ editMode.details.title } ${ __( 'copy', 'elementor' ) }` } isLoading={ duplicatePost.isLoading } callback={ duplicatePostCallback } />
+		<EditModeTemplate postTitle={ `${ editMode.details.title } ${ __( 'copy', 'elementor' ) }` } isLoading={ duplicatePost.isPending } callback={ duplicatePostCallback } />
 	);
 }

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

@@ -28,6 +28,6 @@ export default function ListItemRename( { post }: Props ) {
 	};
 
 	return (
-		<EditModeTemplate postTitle={ post.title.rendered } isLoading={ updatePost.isLoading } callback={ renamePostCallback } />
+		<EditModeTemplate postTitle={ post.title.rendered } isLoading={ updatePost.isPending } callback={ renamePostCallback } />
 	);
 }

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

@@ -7,10 +7,10 @@ export function useHomepageActions() {
 
 	const onSuccess = async () => invalidateSettings( { exact: true } );
 
-	const updateSettingsMutation = useMutation(
-		( settings: Settings ) => updateSettings( settings ),
-		{ onSuccess }
-	);
+	const updateSettingsMutation = useMutation( {
+		mutationFn: ( settings: Settings ) => updateSettings( settings ),
+		onSuccess,
+	} );
 
 	return { updateSettingsMutation };
 }
@@ -21,6 +21,6 @@ function useInvalidateSettings() {
 	return ( options = {} ) => {
 		const queryKey = settingsQueryKey();
 
-		return queryClient.invalidateQueries( queryKey, options );
+		return queryClient.invalidateQueries( { queryKey }, options );
 	};
 }

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

@@ -7,25 +7,25 @@ export function usePostActions( postTypeSlug: Slug ) {
 
 	const onSuccess = () => invalidatePosts( { exact: true } );
 
-	const createPost = useMutation(
-		( newPost: NewPost ) => createRequest( postTypeSlug, newPost ),
-		{ onSuccess }
-	);
-
-	const updatePost = useMutation(
-		( updatedPost: UpdatePost ) => updateRequest( postTypeSlug, updatedPost ),
-		{ onSuccess }
-	);
-
-	const deletePost = useMutation(
-		( postId: number ) => deleteRequest( postTypeSlug, postId ),
-		{ onSuccess }
-	);
-
-	const duplicatePost = useMutation(
-		( originalPost: UpdatePost ) => duplicateRequest( originalPost ),
-		{ onSuccess }
-	);
+	const createPost = useMutation( {
+		mutationFn: ( newPost: NewPost ) => createRequest( postTypeSlug, newPost ),
+		onSuccess,
+	} );
+
+	const updatePost = useMutation( {
+		mutationFn: ( updatedPost: UpdatePost ) => updateRequest( postTypeSlug, updatedPost ),
+		onSuccess,
+	} );
+
+	const deletePost = useMutation( {
+		mutationFn: ( postId: number ) => deleteRequest( postTypeSlug, postId ),
+		onSuccess,
+	} );
+
+	const duplicatePost = useMutation( {
+		mutationFn: ( originalPost: UpdatePost ) => duplicateRequest( originalPost ),
+		onSuccess,
+	} );
 
 	return {
 		createPost,
@@ -41,6 +41,6 @@ function useInvalidatePosts( postTypeSlug: string ) {
 	return ( options = {} ) => {
 		const queryKey = postsQueryKey( postTypeSlug );
 
-		return queryClient.invalidateQueries( queryKey, options );
+		return queryClient.invalidateQueries( { queryKey }, options );
 	};
 }