@elementor/editor-site-navigation 0.19.0 → 0.19.1

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.1](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.19.0...@elementor/editor-site-navigation@0.19.1) (2023-09-14)
+
+**Note:** Version bump only for package @elementor/editor-site-navigation
+
+
+
+
+
 # [0.19.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.18.4...@elementor/editor-site-navigation@0.19.0) (2023-09-11)
 
 

package/dist/index.mjs

@@ -35,7 +35,7 @@ import {
   MenuItem as MenuItem3
 } from "@elementor/ui";
 import { ChevronDownIcon } from "@elementor/icons";
-import { __useActiveDocument, __useHostDocument } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument, __useHostDocument as useHostDocument } from "@elementor/editor-documents";
 
 // src/components/top-bar/indicator.tsx
 import * as React from "react";
@@ -122,7 +122,7 @@ function DocTypeChip({ postType, docType, label }) {
 // src/components/top-bar/post-list-item.tsx
 import { MenuItem, ListItemText } from "@elementor/ui";
 import * as React3 from "react";
-import { __useNavigateToDocument } from "@elementor/editor-documents";
+import { __useNavigateToDocument as useNavigateToDocument } from "@elementor/editor-documents";
 
 // src/hooks/use-reverse-html-entities.ts
 import { useMemo } from "react";
@@ -138,7 +138,7 @@ function useReverseHtmlEntities(escapedHTML = "") {
 
 // src/components/top-bar/post-list-item.tsx
 function PostListItem({ post, closePopup, ...props }) {
-  const navigateToDocument = __useNavigateToDocument();
+  const navigateToDocument = useNavigateToDocument();
   const postTitle = useReverseHtmlEntities(post.title);
   return /* @__PURE__ */ React3.createElement(
     MenuItem,
@@ -197,10 +197,10 @@ async function addNewPage() {
 // src/components/top-bar/create-post-list-item.tsx
 import { PlusIcon } from "@elementor/icons";
 import { __ } from "@wordpress/i18n";
-import { __useNavigateToDocument as __useNavigateToDocument2 } from "@elementor/editor-documents";
+import { __useNavigateToDocument as useNavigateToDocument2 } from "@elementor/editor-documents";
 function CreatePostListItem({ closePopup, ...props }) {
   const { create, isLoading } = useCreatePage();
-  const navigateToDocument = __useNavigateToDocument2();
+  const navigateToDocument = useNavigateToDocument2();
   return /* @__PURE__ */ React4.createElement(
     MenuItem2,
     {
@@ -218,8 +218,8 @@ function CreatePostListItem({ closePopup, ...props }) {
 
 // src/components/top-bar/recently-edited.tsx
 function RecentlyEdited() {
-  const activeDocument = __useActiveDocument();
-  const hostDocument = __useHostDocument();
+  const activeDocument = useActiveDocument();
+  const hostDocument = useHostDocument();
   const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
   const { recentPosts } = useRecentPosts(document2?.id);
   const popupState = usePopupState({
@@ -578,11 +578,11 @@ function ListItemRename({ post }) {
 // src/components/panel/posts-list/list-items/list-item-create.tsx
 import * as React10 from "react";
 import { __ as __5 } from "@wordpress/i18n";
-import { __useNavigateToDocument as __useNavigateToDocument3 } from "@elementor/editor-documents";
+import { __useNavigateToDocument as useNavigateToDocument3 } from "@elementor/editor-documents";
 function ListItemCreate() {
   const { type, resetEditMode } = usePostListContext();
   const { createPost } = usePostActions(type);
-  const navigateToDocument = __useNavigateToDocument3();
+  const navigateToDocument = useNavigateToDocument3();
   const createPostCallback = (inputValue) => {
     createPost.mutateAsync({
       title: inputValue,
@@ -600,10 +600,10 @@ function ListItemCreate() {
 // src/components/panel/posts-list/list-items/list-item-duplicate.tsx
 import * as React11 from "react";
 import { __ as __6 } from "@wordpress/i18n";
-import { __useNavigateToDocument as __useNavigateToDocument4 } from "@elementor/editor-documents";
+import { __useNavigateToDocument as useNavigateToDocument4 } from "@elementor/editor-documents";
 function ListItemDuplicate() {
   const { type, editMode, resetEditMode } = usePostListContext();
-  const navigateToDocument = __useNavigateToDocument4();
+  const navigateToDocument = useNavigateToDocument4();
   const { duplicatePost } = usePostActions(type);
   if ("duplicate" !== editMode.mode) {
     return null;
@@ -637,7 +637,7 @@ import {
   usePopupState as usePopupState2
 } from "@elementor/ui";
 import { DotsVerticalIcon, HomeIcon as HomeIcon2 } from "@elementor/icons";
-import { __useActiveDocument as __useActiveDocument3, __useNavigateToDocument as __useNavigateToDocument5 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument3, __useNavigateToDocument as useNavigateToDocument5 } from "@elementor/editor-documents";
 
 // src/components/shared/page-title-and-status.tsx
 import * as React12 from "react";
@@ -771,10 +771,10 @@ import {
   Divider as Divider3
 } from "@elementor/ui";
 import { useState as useState6 } from "react";
-import { __useActiveDocument as __useActiveDocument2 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument2 } from "@elementor/editor-documents";
 function Delete({ post }) {
   const [isDialogOpen, setIsDialogOpen] = useState6(false);
-  const activeDocument = __useActiveDocument2();
+  const activeDocument = useActiveDocument2();
   const isPostActive = activeDocument?.id === post.id;
   return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
     ActionMenuItem,
@@ -913,8 +913,8 @@ function SetHome({ post }) {
 // src/components/panel/posts-list/list-items/list-item-view.tsx
 import { __ as __12 } from "@wordpress/i18n";
 function ListItemView({ post }) {
-  const activeDocument = __useActiveDocument3();
-  const navigateToDocument = __useNavigateToDocument5();
+  const activeDocument = useActiveDocument3();
+  const navigateToDocument = useNavigateToDocument5();
   const popupState = usePopupState2({
     variant: "popover",
     popupId: "post-actions",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/editor-site-navigation",
-	"version": "0.19.0",
+	"version": "0.19.1",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -32,9 +32,9 @@
 		"dev": "tsup --config=../../tsup.dev.ts"
 	},
 	"dependencies": {
-		"@elementor/editor-app-bar": "^0.8.0",
-		"@elementor/editor-documents": "^0.9.0",
-		"@elementor/editor-panels": "^0.3.0",
+		"@elementor/editor-app-bar": "^0.9.0",
+		"@elementor/editor-documents": "^0.10.0",
+		"@elementor/editor-panels": "^0.4.0",
 		"@elementor/env": "^0.3.0",
 		"@elementor/icons": "^0.7.0",
 		"@elementor/query": "^0.1.1",
@@ -49,5 +49,5 @@
 	"elementor": {
 		"type": "extension"
 	},
-	"gitHead": "7dc3971d2dd061848d6547aa2caed8332e7b9167"
+	"gitHead": "7fe9af3ba0569f3003d2aa148cb4ad0bdf1c419e"
 }

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

@@ -16,11 +16,11 @@ import {
 } from '@elementor/ui';
 import { usePostListContext } from '../../../../contexts/post-list-context';
 import { useState } from 'react';
-import { __useActiveDocument } from '@elementor/editor-documents';
+import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
 
 export default function Delete( { post }: { post: Post } ) {
 	const [ isDialogOpen, setIsDialogOpen ] = useState( false );
-	const activeDocument = __useActiveDocument();
+	const activeDocument = useActiveDocument();
 
 	const isPostActive = activeDocument?.id === post.id;
 

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { act, fireEvent, screen, waitFor } from '@testing-library/react';
 import { Post } from '../../../../types';
 import PostListItem from '../post-list-item';
-import { __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import { renderWithQuery } from 'test-utils';
 import { PostListContextProvider } from '../../../../contexts/post-list-context';
 
@@ -105,7 +105,7 @@ describe( '@elementor/editor-site-navigation - PostListItem', () => {
 	it( 'should navigate to document on click', () => {
 		// Arrange.
 		const navigateToDocument = jest.fn();
-		jest.mocked( __useNavigateToDocument ).mockReturnValue( navigateToDocument );
+		jest.mocked( useNavigateToDocument ).mockReturnValue( navigateToDocument );
 
 		const id = 10;
 

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

@@ -3,7 +3,7 @@ import { fireEvent, screen, waitFor } from '@testing-library/react';
 import PostsCollapsibleList from '../posts-collapsible-list';
 import { createMockDocument, renderWithQuery } from 'test-utils';
 import { PostListContextProvider } from '../../../../contexts/post-list-context';
-import { __useActiveDocument } from '@elementor/editor-documents';
+import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
 
 const mockMutateAsync = jest.fn();
 jest.mock( '../../../../hooks/use-posts-actions', () => ( {
@@ -48,7 +48,7 @@ jest.mock( '@elementor/editor-documents', () => ( {
 
 describe( '@elementor/editor-site-navigation - PostsCollapsibleList', () => {
 	beforeEach( () => {
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument( ( {
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument( ( {
 			id: 2,
 		} ) ) );
 	} );

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

@@ -3,12 +3,12 @@ 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 { __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 
 export default function ListItemCreate() {
 	const { type, resetEditMode } = usePostListContext();
 	const { createPost } = usePostActions( type );
-	const navigateToDocument = __useNavigateToDocument();
+	const navigateToDocument = useNavigateToDocument();
 
 	const createPostCallback = ( inputValue: string ) => {
 		createPost.mutateAsync( {

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

@@ -3,11 +3,11 @@ 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 { __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 
 export default function ListItemDuplicate() {
 	const { type, editMode, resetEditMode } = usePostListContext();
-	const navigateToDocument = __useNavigateToDocument();
+	const navigateToDocument = useNavigateToDocument();
 	const { duplicatePost } = usePostActions( type );
 
 	if ( 'duplicate' !== editMode.mode ) {

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

@@ -12,7 +12,7 @@ import {
 	usePopupState,
 } from '@elementor/ui';
 import { DotsVerticalIcon, HomeIcon } from '@elementor/icons';
-import { __useActiveDocument, __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useActiveDocument as useActiveDocument, __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import PageTitleAndStatus from '../../../shared/page-title-and-status';
 import Rename from '../../actions-menu/actions/rename';
 import Duplicate from '../../actions-menu/actions/duplicate';
@@ -23,8 +23,8 @@ import { Post } from '../../../../types';
 import { __ } from '@wordpress/i18n';
 
 export default function ListItemView( { post }: { post: Post } ) {
-	const activeDocument = __useActiveDocument();
-	const navigateToDocument = __useNavigateToDocument();
+	const activeDocument = useActiveDocument();
+	const navigateToDocument = useNavigateToDocument();
 
 	const popupState = usePopupState( {
 		variant: 'popover',

package/src/components/top-bar/__tests__/add-new-page.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { __useActiveDocument, __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useActiveDocument as useActiveDocument, __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import RecentlyEdited from '../recently-edited';
 import { createMockDocument } from 'test-utils';
 import useRecentPosts, { Post } from '../../../hooks/use-recent-posts';
@@ -24,7 +24,7 @@ jest.mock( '../../../hooks/use-create-page', () => ( {
 
 describe( '@elementor/recently-edited - Top bar add new page', () => {
 	beforeEach( () => {
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument() );
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument() );
 	} );
 
 	it( 'should render add new page button', () => {
@@ -54,7 +54,7 @@ describe( '@elementor/recently-edited - Top bar add new page', () => {
 
 		jest.mocked( useRecentPosts ).mockReturnValue( { isLoading, recentPosts } );
 		jest.mocked( useCreatePage ).mockReturnValue( { isLoading, create } );
-		jest.mocked( __useNavigateToDocument ).mockReturnValue( navigateToDocument );
+		jest.mocked( useNavigateToDocument ).mockReturnValue( navigateToDocument );
 
 		render( <RecentlyEdited /> );
 

package/src/components/top-bar/__tests__/recently-edited.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
-import { __useHostDocument, __useActiveDocument, __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useHostDocument as useHostDocument, __useActiveDocument as useActiveDocument, __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import RecentlyEdited from '../recently-edited';
 import { createMockDocument } from 'test-utils';
 import useRecentPosts, { Post } from '../../../hooks/use-recent-posts';
@@ -21,7 +21,7 @@ jest.mock( '../../../hooks/use-recent-posts', () => (
 describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 	it( 'should show the title of the active document without its status when the document is published', async () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument( {
 			id: 1,
 			title: 'Active Document',
 		} ) );
@@ -36,7 +36,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 	it( 'should show the title of the active document with its status when the document is not published', async () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument( {
 			id: 1,
 			title: 'Active Document',
 			status: {
@@ -55,9 +55,9 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 	it( 'should show the title of the host document when there is no active document', () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( null );
+		jest.mocked( useActiveDocument ).mockReturnValue( null );
 
-		jest.mocked( __useHostDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useHostDocument ).mockReturnValue( createMockDocument( {
 			id: 1,
 			title: 'Host Document',
 		} ) );
@@ -71,7 +71,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 	it( 'should show the title of the host document when the active document is kit', () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument( {
 			id: 1,
 			title: 'Active Document',
 			type: {
@@ -80,7 +80,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 			},
 		} ) );
 
-		jest.mocked( __useHostDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useHostDocument ).mockReturnValue( createMockDocument( {
 			id: 2,
 			title: 'Host Document',
 		} ) );
@@ -94,8 +94,8 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 	it( 'should show nothing if there are no documents', () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( null );
-		jest.mocked( __useHostDocument ).mockReturnValue( null );
+		jest.mocked( useActiveDocument ).mockReturnValue( null );
+		jest.mocked( useHostDocument ).mockReturnValue( null );
 
 		// Act.
 		render( <RecentlyEdited /> );
@@ -107,7 +107,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 	it( 'should show empty state', () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument( {
 			id: 1,
 			title: 'Header',
 			type: {
@@ -134,7 +134,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 	it( 'should open the recently edited menu on click', () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument( {
 			id: 1,
 			title: 'Header',
 			type: {
@@ -176,7 +176,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 	it( 'should render titles with HTML entities', () => {
 		// Arrange.
-		jest.mocked( __useActiveDocument ).mockReturnValue( createMockDocument( {
+		jest.mocked( useActiveDocument ).mockReturnValue( createMockDocument( {
 			id: 1,
 			title: 'Header title with special char &#165;',
 			type: {
@@ -231,7 +231,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 		// Arrange.
 		const navigateToDocument = jest.fn();
 
-		jest.mocked( __useNavigateToDocument ).mockReturnValue( navigateToDocument );
+		jest.mocked( useNavigateToDocument ).mockReturnValue( navigateToDocument );
 
 		jest.mocked( useRecentPosts ).mockReturnValue( {
 			isLoading: false,

package/src/components/top-bar/create-post-list-item.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import useCreatePage from '../../hooks/use-create-page';
 import { PlusIcon } from '@elementor/icons';
 import { __ } from '@wordpress/i18n';
-import { __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 
 type Props = MenuItemProps & {
 	closePopup: () => void;
@@ -11,7 +11,7 @@ type Props = MenuItemProps & {
 
 export function CreatePostListItem( { closePopup, ...props }: Props ) {
 	const { create, isLoading } = useCreatePage();
-	const navigateToDocument = __useNavigateToDocument();
+	const navigateToDocument = useNavigateToDocument();
 
 	return (
 		<MenuItem

package/src/components/top-bar/post-list-item.tsx

@@ -2,7 +2,7 @@ import DocTypeChip from './chip-doc-type';
 import { MenuItem, MenuItemProps, ListItemText } from '@elementor/ui';
 import * as React from 'react';
 import { Post } from '../../hooks/use-recent-posts';
-import { __useNavigateToDocument } from '@elementor/editor-documents';
+import { __useNavigateToDocument as useNavigateToDocument } from '@elementor/editor-documents';
 import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
 
 type Props = MenuItemProps & {
@@ -11,7 +11,7 @@ type Props = MenuItemProps & {
 }
 
 export function PostListItem( { post, closePopup, ...props }: Props ) {
-	const navigateToDocument = __useNavigateToDocument();
+	const navigateToDocument = useNavigateToDocument();
 	const postTitle = useReverseHtmlEntities( post.title );
 
 	return (

package/src/components/top-bar/recently-edited.tsx

@@ -11,7 +11,7 @@ import {
 	MenuItem,
 } from '@elementor/ui';
 import { ChevronDownIcon } from '@elementor/icons';
-import { __useActiveDocument, __useHostDocument } from '@elementor/editor-documents';
+import { __useActiveDocument as useActiveDocument, __useHostDocument as useHostDocument } from '@elementor/editor-documents';
 import Indicator from './indicator';
 import useRecentPosts from '../../hooks/use-recent-posts';
 import { __ } from '@wordpress/i18n';
@@ -20,8 +20,8 @@ import { CreatePostListItem } from './create-post-list-item';
 import { useReverseHtmlEntities } from '../../hooks/use-reverse-html-entities';
 
 export default function RecentlyEdited() {
-	const activeDocument = __useActiveDocument();
-	const hostDocument = __useHostDocument();
+	const activeDocument = useActiveDocument();
+	const hostDocument = useHostDocument();
 	const document = activeDocument && activeDocument.type.value !== 'kit'
 		? activeDocument
 		: hostDocument;