@elementor/editor-site-navigation 0.12.0 → 0.13.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.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)
+
+
+### Features
+
+* added view page action to pages panel [ED-10869] ([#66](https://github.com/elementor/elementor-packages/issues/66)) ([dfefd2f](https://github.com/elementor/elementor-packages/commit/dfefd2f90435c8ecf45c897c4329bd9c5a262a6c))
+
+
+
+
+
 # [0.12.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.11.0...@elementor/editor-site-navigation@0.12.0) (2023-07-24)
 
 

package/dist/index.js

@@ -249,7 +249,7 @@ function RecentlyEdited() {
 // src/init.ts
 var import_editor_app_bar = require("@elementor/editor-app-bar");
 
-// src/hooks/useToggleButtonProps.ts
+// src/hooks/use-toggle-button-props.ts
 var import_i18n14 = require("@wordpress/i18n");
 var import_icons15 = require("@elementor/icons");
 
@@ -724,7 +724,7 @@ function View({ post }) {
       title,
       icon: import_icons10.EyeIcon,
       onClick: () => {
-        console.log(post);
+        window.open(post.link, "_blank");
       }
     }
   );
@@ -891,7 +891,7 @@ var {
   component: shell_default
 });
 
-// src/hooks/useToggleButtonProps.ts
+// src/hooks/use-toggle-button-props.ts
 function useToggleButtonProps() {
   const { isOpen, isBlocked } = usePanelStatus();
   const { open, close } = usePanelActions();

package/dist/index.mjs

@@ -231,7 +231,7 @@ function RecentlyEdited() {
 // src/init.ts
 import { injectIntoPageIndication, toolsMenu } from "@elementor/editor-app-bar";
 
-// src/hooks/useToggleButtonProps.ts
+// src/hooks/use-toggle-button-props.ts
 import { __ as __14 } from "@wordpress/i18n";
 import { PagesIcon } from "@elementor/icons";
 
@@ -724,7 +724,7 @@ function View({ post }) {
       title,
       icon: EyeIcon,
       onClick: () => {
-        console.log(post);
+        window.open(post.link, "_blank");
       }
     }
   );
@@ -891,7 +891,7 @@ var {
   component: shell_default
 });
 
-// src/hooks/useToggleButtonProps.ts
+// src/hooks/use-toggle-button-props.ts
 function useToggleButtonProps() {
   const { isOpen, isBlocked } = usePanelStatus();
   const { open, close } = usePanelActions();

package/package.json

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

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

@@ -0,0 +1,36 @@
+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',
+		};
+
+		// Act.
+		render( <View post={ page } /> );
+		const button = screen.getByRole( 'button' );
+
+		act( () => {
+			// Open menu
+			button.click();
+		} );
+
+		// Assert.
+		expect( spy ).toHaveBeenCalledTimes( 1 );
+		expect( spy ).toHaveBeenCalledWith( 'mocklink', '_blank' );
+	} );
+} );

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

@@ -17,8 +17,7 @@ export default function View( { post }: { post: Post } ) {
 			title={ title }
 			icon={ EyeIcon }
 			onClick={ () => {
-				// eslint-disable-next-line no-console
-				console.log( post );
+				window.open( post.link, '_blank' );
 			} }
 		/>
 	);

package/src/init.ts

@@ -1,6 +1,6 @@
 import RecentlyEdited from './components/top-bar/recently-edited';
 import { injectIntoPageIndication, toolsMenu } from '@elementor/editor-app-bar';
-import { useToggleButtonProps } from './hooks/useToggleButtonProps';
+import { useToggleButtonProps } from './hooks/use-toggle-button-props';
 import { registerPanel } from '@elementor/editor-panels';
 import { panel } from './components/panel/panel';
 import { env } from './env';

package/src/types.ts

@@ -7,7 +7,7 @@ export type Post = {
 	title: {
 		rendered: string;
 	}
-}
+};
 
 export type PostType = {
 	name: string;