@elementor/editor-site-navigation 0.4.2 → 0.5.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.1](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.5.0...@elementor/editor-site-navigation@0.5.1) (2023-06-05)
+
+
+### Bug Fixes
+
+* **site-navigation:** chip margin removed from library ([#49](https://github.com/elementor/elementor-packages/issues/49)) ([fdcbc85](https://github.com/elementor/elementor-packages/commit/fdcbc856495c005a2f66b0b267abecf0d65522a2))
+
+
+
+
+
+# [0.5.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.4.2...@elementor/editor-site-navigation@0.5.0) (2023-06-01)
+
+
+### Features
+
+* add support for React 18 [ED-10905] ([#46](https://github.com/elementor/elementor-packages/issues/46)) ([c8915c6](https://github.com/elementor/elementor-packages/commit/c8915c6ea62550bcdeb5c8a576f311bedc35bcad))
+
+
+
+
+
 ## [0.4.2](https://github.com/elementor/elementor-packages/compare/@elementor/editor-site-navigation@0.4.1...@elementor/editor-site-navigation@0.4.2) (2023-05-30)
 
 **Note:** Version bump only for package @elementor/editor-site-navigation

package/dist/index.js

@@ -129,7 +129,8 @@ function DocTypeChip({ postType, docType, label }) {
       variant: "standard",
       label,
       color,
-      icon: /* @__PURE__ */ React2.createElement(Icon, null)
+      icon: /* @__PURE__ */ React2.createElement(Icon, null),
+      sx: { ml: 3 }
     }
   );
 }

package/dist/index.mjs

@@ -111,7 +111,8 @@ function DocTypeChip({ postType, docType, label }) {
       variant: "standard",
       label,
       color,
-      icon: /* @__PURE__ */ React2.createElement(Icon, null)
+      icon: /* @__PURE__ */ React2.createElement(Icon, null),
+      sx: { ml: 3 }
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/editor-site-navigation",
-	"version": "0.4.2",
+	"version": "0.5.1",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -32,19 +32,19 @@
 		"dev": "tsup src/index.ts --format esm --clean"
 	},
 	"dependencies": {
-		"@elementor/editor-app-bar": "^0.4.1",
-		"@elementor/editor-documents": "^0.5.0",
-		"@elementor/icons": "^0.2.1",
+		"@elementor/editor-app-bar": "^0.5.0",
+		"@elementor/editor-documents": "^0.6.0",
+		"@elementor/icons": "^0.3.0",
 		"@elementor/ui": "^1.4.50",
 		"@wordpress/api-fetch": "^6.27.0",
 		"@wordpress/i18n": "^4.31.0",
 		"@wordpress/url": "^3.31.0"
 	},
 	"peerDependencies": {
-		"react": "17.x"
+		"react": "17.x || 18.x"
 	},
 	"elementor": {
 		"type": "extension"
 	},
-	"gitHead": "2299a390624d60ea9d1e35e7d8dcc4208816d555"
+	"gitHead": "14587e8fd0c01c4722c8d4622e68b60c2cc331c6"
 }

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { render, waitFor } from '@testing-library/react';
+import { fireEvent, render, waitFor } from '@testing-library/react';
 import { useHostDocument, useActiveDocument, useNavigateToDocument } from '@elementor/editor-documents';
 import RecentlyEdited from '../recently-edited';
 import { createMockDocument } from 'test-utils';
@@ -49,7 +49,7 @@ describe( '@elementor/recently-edited - Top bar add new page', () => {
 
 		// Act.
 		const buttons = getAllByRole( 'button' );
-		buttons[ 0 ].click(); // Opens the recently edited menu
+		fireEvent.click( buttons[ 0 ] ); // Opens the recently edited menu
 
 		// Assert.
 		const label = getByText( 'Add new page', { exact: false } );
@@ -73,10 +73,10 @@ describe( '@elementor/recently-edited - Top bar add new page', () => {
 
 		// Act.
 		const buttons = getAllByRole( 'button' );
-		buttons[ 0 ].click(); // Opens the recently edited menu
+		fireEvent.click( buttons[ 0 ] ); // Opens the recently edited menu
 
 		const addNewPage = getByText( 'Add new page', { exact: false } );
-		addNewPage.click();
+		fireEvent.click( addNewPage );
 
 		// Assert.
 		await waitFor( () => {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { render } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import { useHostDocument, useActiveDocument, useNavigateToDocument } from '@elementor/editor-documents';
 import RecentlyEdited from '../recently-edited';
 import { createMockDocument } from 'test-utils';
@@ -126,7 +126,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 		// Act.
 		const buttons = getAllByRole( 'button' );
-		buttons[ 0 ].click(); // Opens the recently edited menu
+		fireEvent.click( buttons[ 0 ] ); // Opens the recently edited menu
 
 		// Assert.
 		const label = getByText( 'There are no other pages or templates on this site yet', { exact: false } );
@@ -165,7 +165,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 
 		// Act.
 		const buttons = getAllByRole( 'button' );
-		buttons[ 0 ].click(); // Opens the recently edited menu
+		fireEvent.click( buttons[ 0 ] ); // Opens the recently edited menu
 
 		// Assert.
 		const menu = getByRole( 'menu' );
@@ -225,7 +225,7 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 		expect( getByText( 'Header title with special char ¥' ) ).toBeInTheDocument();
 
 		// Open the posts list.
-		getByRole( 'button' ).click();
+		fireEvent.click( getByRole( 'button' ) );
 
 		// Assert - the post title should be rendered with the HTML entity.
 		expect( getByText( 'Post title with <h1>HTML</h1>' ) ).toBeInTheDocument();
@@ -256,10 +256,10 @@ describe( '@elementor/recently-edited - Top bar Recently Edited', () => {
 		const { getByText, getByRole } = render( <RecentlyEdited /> );
 
 		// Open the posts list.
-		getByRole( 'button' ).click();
+		fireEvent.click( getByRole( 'button' ) );
 
 		// Act.
-		getByText( 'Test post' ).click();
+		fireEvent.click( getByText( 'Test post' ) );
 
 		// Assert.
 		expect( navigateToDocument ).toHaveBeenCalledTimes( 1 );

package/src/components/top-bar/chip-doc-type.tsx

@@ -24,6 +24,7 @@ export default function DocTypeChip( { postType, docType, label }: Props ) {
 			label={ label }
 			color={ color }
 			icon={ <Icon /> }
+			sx={ { ml: 3 } }
 		/>
 	);
 }

package/src/hooks/__tests__/use-create-page.test.ts

@@ -1,5 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
-import { waitFor } from '@testing-library/react';
+import { waitFor, renderHook } from '@testing-library/react';
 import apiFetch from '@wordpress/api-fetch';
 import useCreatePage, { endpointPath } from '../use-create-page';
 

package/src/hooks/__tests__/use-recent-posts.test.ts

@@ -1,5 +1,4 @@
-import { waitFor } from '@testing-library/react';
-import { renderHook } from '@testing-library/react-hooks';
+import { waitFor, renderHook } from '@testing-library/react';
 import apiFetch from '@wordpress/api-fetch';
 import useRecentPosts, { endpointPath } from '../use-recent-posts';