@elementor/editor-site-navigation 0.22.8 → 0.23.1

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.23.1](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.23.0...@elementor/editor-site-navigation@0.23.1) (2024-08-06)
+
+**Note:** Version bump only for package @elementor/editor-site-navigation
+
+# [0.23.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.22.8...@elementor/editor-site-navigation@0.23.0) (2024-08-05)
+
+### Bug Fixes
+
+- publish only necessary files to npm ([#226](https://github.com/elementor/elementor-packages/issues/226)) ([d808e2f](https://github.com/elementor/elementor-packages/commit/d808e2f60eb7ca2d7b8560d0b79c0e62c2f969a8))
+
+### Features
+
+- **editor-editing-panel:** change textarea component [EDS-311] ([#221](https://github.com/elementor/elementor-packages/issues/221)) ([a9ab0d5](https://github.com/elementor/elementor-packages/commit/a9ab0d53e87086e323c4f024dca0eae93005e1a1))
+- **editor-editing-panel:** settings and style tabs [EDS-277] ([#217](https://github.com/elementor/elementor-packages/issues/217)) ([c623797](https://github.com/elementor/elementor-packages/commit/c6237974d9940a2b58bdd1df3d835dc828e323f4))
+
 ## [0.22.8](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.22.7...@elementor/editor-site-navigation@0.22.8) (2024-07-23)
 
 **Note:** Version bump only for package @elementor/editor-site-navigation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-site-navigation",
-  "version": "0.22.8",
+  "version": "0.23.1",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -18,7 +18,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/elementor/elementor-packages.git",
+    "url": "git+https://github.com/elementor/elementor-packages.git",
     "directory": "packages/core/editor-site-navigation"
   },
   "bugs": {
@@ -27,19 +27,26 @@
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "README.md",
+    "CHANGELOG.md",
+    "/dist",
+    "/src",
+    "!**/__tests__"
+  ],
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --clean",
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-app-bar": "^0.15.1",
-    "@elementor/editor-documents": "^0.11.5",
-    "@elementor/editor-panels": "^0.4.17",
-    "@elementor/editor-v1-adapters": "^0.8.0",
-    "@elementor/env": "^0.3.3",
+    "@elementor/editor-app-bar": "^0.16.1",
+    "@elementor/editor-documents": "^0.11.6",
+    "@elementor/editor-panels": "^0.5.0",
+    "@elementor/editor-v1-adapters": "^0.8.1",
+    "@elementor/env": "^0.3.4",
     "@elementor/icons": "^1.1.4",
-    "@elementor/query": "^0.2.1",
-    "@elementor/ui": "^1.4.61",
+    "@elementor/query": "^0.2.2",
+    "@elementor/ui": "^1.14.2",
     "@wordpress/api-fetch": "^6.42.0",
     "@wordpress/i18n": "^4.45.0",
     "@wordpress/url": "^3.46.0"
@@ -47,5 +54,5 @@
   "peerDependencies": {
     "react": "^18.3.1"
   },
-  "gitHead": "0784373d42942edecbb0ab43e62e7caaefe92c3a"
+  "gitHead": "9bb2a2ab74c81e97ba6a060ab2867efb15b9e5c4"
 }

package/src/__tests__/icons-map.test.tsx

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { getIconsMap, extendIconsMap, resetIconsMap } from '../icons-map';
-
-describe( '@elementor/site-navigation - iconsMap', () => {
-	afterEach( () => {
-		resetIconsMap();
-	} );
-
-	it( 'should override existing icons', async () => {
-		// Arrange.
-		const initialIcons = getIconsMap();
-		const addedIcons = {
-			'added-icon': () => <div>added-icon</div>,
-		};
-
-		// Act - add icons.
-		extendIconsMap( addedIcons );
-
-		// Assert - should be initial and added.
-		expect( getIconsMap() ).toEqual( { ...initialIcons, ...addedIcons } );
-
-		// Arrange.
-		const overrideIcons = {
-			'added-icon': () => <div>override-icon</div>,
-		};
-
-		// Act - override exits icons.
-		extendIconsMap( overrideIcons );
-
-		// Assert - should override exits icons.
-		expect( getIconsMap() ).toEqual( { ...initialIcons, ...overrideIcons } );
-	} );
-} );

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

@@ -1,90 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import * as React from 'react';
-import { Post } from '../../../../../types';
-import Delete from '../delete';
-
-const mockMutateAsync = jest.fn();
-jest.mock( '../../../../../hooks/use-posts-actions', () => ( {
-	usePostActions: () => ( {
-		deletePost: {
-			mutateAsync: mockMutateAsync,
-			isPending: false,
-		},
-	} ),
-} ) );
-
-jest.mock( '@elementor/editor-documents', () => ( {
-	__useActiveDocument: jest.fn(),
-} ) );
-
-describe( '@elementor/editor-site-navigation/pages-panel-actions - Delete', () => {
-	afterAll( () => {
-		jest.clearAllMocks();
-	} );
-
-	it( 'should render Delete, display the modal and run the delete action', () => {
-		// Arrange.
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'publish',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			isHome: false,
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		render( <Delete post={ post } /> );
-
-		// Assert.
-		const button = screen.getByRole( 'menuitem' );
-		expect( button ).not.toHaveAttribute( 'aria-disabled' );
-
-		// Open the modal.
-		fireEvent.click( button );
-
-		const modal = screen.getByText( 'Delete "Test Page"?' );
-		expect( modal ).toBeInTheDocument();
-
-		const modalButtons = screen.getAllByRole( 'button' );
-		expect( modalButtons[ 0 ] ).toHaveTextContent( 'Cancel' );
-		expect( modalButtons[ 1 ] ).toHaveTextContent( 'Delete' );
-
-		// Click the delete button.
-		fireEvent.click( modalButtons[ 1 ] );
-
-		expect( mockMutateAsync ).toHaveBeenCalledTimes( 1 );
-		expect( mockMutateAsync ).toHaveBeenCalledWith( post.id );
-	} );
-
-	it( 'should render Delete disabled when post is homepage', () => {
-		// Arrange.
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'draft',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			isHome: true,
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		render( <Delete post={ post } /> );
-
-		// Assert.
-		const button = screen.getByRole( 'menuitem' );
-		expect( button ).toHaveAttribute( 'aria-disabled', 'true' );
-	} );
-} );

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

@@ -1,122 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import SetHome from '../set-home';
-import * as React from 'react';
-import { Post } from '../../../../../types';
-import useUser from '../../../../../hooks/use-user';
-
-const mockMutateAsync = jest.fn();
-jest.mock( '../../../../../hooks/use-homepage-actions', () => ( {
-	__esModule: true,
-	useHomepageActions: jest.fn( () => ( {
-		updateSettingsMutation: {
-			mutateAsync: mockMutateAsync,
-			isPending: false,
-		},
-	} ) ),
-} ) );
-
-jest.mock( '../../../../../hooks/use-user', () => ( {
-	default: jest.fn( () => ( {
-		isLoading: false,
-		data: {
-			capabilities: {
-				manage_options: true,
-			},
-		},
-	} ) ),
-	__esModule: true,
-} ) );
-
-describe( '@elementor/editor-site-navigation - SetHome', () => {
-	afterAll( () => {
-		jest.clearAllMocks();
-	} );
-
-	it( 'should render Set as homepage', () => {
-		// Arrange.
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'publish',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			isHome: false,
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		render( <SetHome post={ post } closeMenu={ () => {} } /> );
-
-		// Assert.
-		const button = screen.getByRole( 'menuitem' );
-		expect( button ).not.toHaveAttribute( 'aria-disabled' );
-
-		fireEvent.click( button );
-
-		expect( mockMutateAsync ).toHaveBeenCalledTimes( 1 );
-	} );
-
-	it( 'should render Set as homepage disabled when the page status is draft', () => {
-		// Arrange.
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'draft',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			isHome: false,
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		render( <SetHome post={ post } closeMenu={ () => {} } /> );
-
-		// Assert.
-		const button = screen.getByRole( 'menuitem' );
-		expect( button ).toHaveAttribute( 'aria-disabled', 'true' );
-	} );
-
-	it( 'should render Set as homepage disabled when the user cant manage options', () => {
-		// Arrange.
-		jest.mocked( useUser ).mockReturnValue( {
-			isLoading: false,
-			data: {
-				capabilities: {
-					manage_options: false,
-				},
-			},
-		} as unknown as ReturnType< typeof useUser > );
-
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'publish',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			isHome: false,
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		render( <SetHome post={ post } closeMenu={ () => {} } /> );
-
-		// Assert.
-		const button = screen.getByRole( 'menuitem' );
-		expect( button ).toHaveAttribute( 'aria-disabled', 'true' );
-	} );
-} );

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

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { act, render, screen } from '@testing-library/react';
-import View from '../view';
-import { Post } from '../../../../../types';
-
-describe( '@elementor/editor-site-navigation - View', () => {
-	afterAll( () => {
-		jest.clearAllMocks();
-	} );
-
-	it( 'should open page in a different tab', () => {
-		// Arrange.
-		const spy = jest.spyOn( window, 'open' );
-		spy.mockImplementation( () => null );
-		const page: Post = {
-			id: 1,
-			title: { rendered: 'Page Title' },
-			link: 'mocklink',
-			status: 'publish',
-			type: 'page',
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		render( <View post={ page } /> );
-		const button = screen.getByRole( 'menuitem' );
-
-		act( () => {
-			// Open menu
-			button.click();
-		} );
-
-		// Assert.
-		expect( spy ).toHaveBeenCalledTimes( 1 );
-		expect( spy ).toHaveBeenCalledWith( 'mocklink', '_blank' );
-	} );
-} );

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

@@ -1,211 +0,0 @@
-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 as useNavigateToDocument } from '@elementor/editor-documents';
-import { renderWithQuery } from 'test-utils';
-import { PostListContextProvider } from '../../../../contexts/post-list-context';
-
-const mockMutateAsync = jest.fn();
-jest.mock( '../../../../hooks/use-posts-actions', () => ( {
-	usePostActions: () => ( {
-		updatePost: {
-			mutateAsync: mockMutateAsync,
-			isPending: false,
-		},
-	} ),
-} ) );
-
-jest.mock( '@elementor/editor-documents', () => ( {
-	__useActiveDocument: jest.fn(),
-	__useNavigateToDocument: jest.fn(),
-} ) );
-
-describe( '@elementor/editor-site-navigation - PostListItem', () => {
-	afterAll( () => {
-		jest.clearAllMocks();
-	} );
-
-	it( 'should render a published page', () => {
-		// Arrange.
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'publish',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		renderWithQuery( <PostListItem post={ post } /> );
-
-		// Assert.
-		const label = screen.getByText( 'Test Page' );
-		const publishedLabel = screen.queryByText( 'publish', { exact: false } );
-
-		expect( label ).toBeInTheDocument();
-		expect( publishedLabel ).not.toBeInTheDocument();
-	} );
-
-	it( 'should show the page status for non-published pages', () => {
-		// Arrange.
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'draft',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		renderWithQuery( <PostListItem post={ post } /> );
-
-		// Assert.
-		const label = screen.getByText( 'draft', { exact: false } );
-		expect( label ).toBeInTheDocument();
-	} );
-
-	it( 'should render actions menu', () => {
-		// Arrange.
-		const post: Post = {
-			id: 1,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'publish',
-			type: 'page',
-			link: 'https://example.local/test-Page',
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		const actions = [ 'View Page', 'Rename', 'Duplicate', 'Delete', 'Set as homepage' ];
-
-		// Act.
-		renderWithQuery( <PostListItem post={ post } /> );
-
-		const buttons = screen.getAllByRole( 'button' );
-		// Button to open menu
-		const button = buttons[ 1 ];
-
-		act( () => {
-			// Open menu
-			button.click();
-		} );
-
-		// Assert.
-		actions.forEach( ( action ) => {
-			const label = screen.getByText( action );
-			expect( label ).toBeInTheDocument();
-		} );
-	} );
-
-	it( 'should navigate to document on click', () => {
-		// Arrange.
-		const navigateToDocument = jest.fn();
-		jest.mocked( useNavigateToDocument ).mockReturnValue( navigateToDocument );
-
-		const id = 10;
-
-		const post: Post = {
-			id,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'publish',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		// Act.
-		renderWithQuery( <PostListItem post={ post } /> );
-
-		const buttons = screen.getAllByRole( 'button' );
-		const button = buttons[ 0 ];
-
-		act( () => {
-			button.click();
-		} );
-
-		// Assert.
-		expect( navigateToDocument ).toHaveBeenCalledTimes( 1 );
-		expect( navigateToDocument ).toHaveBeenCalledWith( id );
-	} );
-
-	it( 'should put the list item in edit mode, when "Rename" action is clicked', () => {
-		// Arrange.
-		const post: Post = {
-			id: 10,
-			title: {
-				rendered: 'Test Page',
-			},
-			status: 'publish',
-			type: 'page',
-			link: 'https://example.local/test-page',
-			user_can: {
-				edit: true,
-				delete: true,
-			},
-		};
-
-		renderWithQuery(
-			<PostListContextProvider type={ 'page' } setError={ () => {} }>
-				<PostListItem post={ post } />
-			</PostListContextProvider>
-		);
-
-		// Act #1 - enter edit mode.
-		const buttons = screen.getAllByRole( 'button' );
-		fireEvent.click( buttons[ 1 ] ); // Button to open the actions' menu of the post.
-
-		const renameButton = screen.getByRole( 'menuitem', { name: 'Rename' } );
-		fireEvent.click( renameButton );
-
-		// Assert.
-		waitFor( () => {
-			expect( renameButton ).not.toBeInTheDocument();
-		} ).then();
-
-		const input = screen.getByRole( 'textbox' );
-
-		expect( input ).toBeInTheDocument();
-		expect( input ).toHaveValue( 'Test Page' );
-
-		// Act #2 - rename and reset edit mode.
-		fireEvent.change( input, { target: { value: 'Renamed Title' } } );
-		fireEvent.blur( input );
-
-		// Assert.
-		waitFor( () => {
-			expect( input ).toHaveAttribute( 'aria-disabled', 'true' );
-		} ).then();
-
-		expect( mockMutateAsync ).toHaveBeenCalledTimes( 1 );
-
-		waitFor( () => {
-			expect( input ).not.toBeInTheDocument();
-		} ).then();
-
-		waitFor( () => {
-			expect( screen.getByText( 'Renamed Title' ) ).toBeInTheDocument();
-		} ).then();
-	} );
-} );