@elementor/editor-app-bar 0.4.1 → 0.5.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 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-app-bar@0.5.0...@elementor/editor-app-bar@0.5.1) (2023-06-05)
+
+**Note:** Version bump only for package @elementor/editor-app-bar
+
+
+
+
+
+# [0.5.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.4.1...@elementor/editor-app-bar@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.1](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.4.0...@elementor/editor-app-bar@0.4.1) (2023-05-30)
 
 **Note:** Version bump only for package @elementor/editor-app-bar

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/editor-app-bar",
-	"version": "0.4.1",
+	"version": "0.5.1",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -32,19 +32,19 @@
 		"dev": "tsup --config=../../tsup.dev.ts"
 	},
 	"dependencies": {
-		"@elementor/editor": "^0.4.0",
-		"@elementor/editor-documents": "^0.5.0",
-		"@elementor/editor-v1-adapters": "^0.2.0",
-		"@elementor/icons": "^0.2.1",
-		"@elementor/locations": "^0.3.0",
+		"@elementor/editor": "^0.5.1",
+		"@elementor/editor-documents": "^0.7.0",
+		"@elementor/editor-v1-adapters": "^0.3.0",
+		"@elementor/icons": "^0.3.0",
+		"@elementor/locations": "^0.4.0",
 		"@elementor/ui": "^1.4.50",
 		"@wordpress/i18n": "^4.31.0"
 	},
 	"peerDependencies": {
-		"react": "17.x"
+		"react": "17.x || 18.x"
 	},
 	"elementor": {
 		"type": "extension"
 	},
-	"gitHead": "2299a390624d60ea9d1e35e7d8dcc4208816d555"
+	"gitHead": "753851e1a5003eb1ea5349b76d96c75f70e0a594"
 }

package/src/components/locations/__tests__/menus.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 MainMenuLocation from '../main-menu-location';
 import ToolsMenuLocation from '../tools-menu-location';
 import UtilitiesMenuLocation from '../utilities-menu-location';
@@ -29,7 +29,7 @@ describe( '@elementor/editor-app-bar - Menus components', () => {
 			// Act.
 			const { getByRole, getAllByRole } = render( <MainMenuLocation /> );
 
-			getByRole( 'button' ).click(); // Opens the popover menu
+			fireEvent.click( getByRole( 'button' ) ); // Opens the popover menu
 
 			// Assert.
 			const menuItems = getAllByRole( 'menuitem' );
@@ -80,7 +80,7 @@ describe( '@elementor/editor-app-bar - Menus components', () => {
 			expect( popoverButton ).toHaveAttribute( 'aria-label', 'More' );
 
 			// Act.
-			popoverButton.click();
+			fireEvent.click( popoverButton );
 
 			// Assert.
 			expect( getAllByRole( 'menuitem' ) ).toHaveLength( extraAfterMax );

package/src/extensions/documents-indicator/components/__tests__/settings-button.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import SettingsButton from '../settings-button';
 import { openRoute, useRouteStatus } from '@elementor/editor-v1-adapters';
-import { render } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 
 jest.mock( '@elementor/editor-v1-adapters', () => ( {
 	openRoute: jest.fn(),
@@ -21,7 +21,7 @@ describe( '@elementor/editor-app-bar - App bar document settings button', () =>
 		const { getByRole } = render( <SettingsButton /> );
 
 		// Act.
-		getByRole( 'button' ).click();
+		fireEvent.click( getByRole( 'button' ) );
 
 		// Assert.
 		expect( openRoute ).toHaveBeenCalledTimes( 1 );

package/src/extensions/documents-preview/hooks/__tests__/use-document-preview-props.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import useActionProps from '../use-action-props';
 import { runCommand } from '@elementor/editor-v1-adapters';
 import { createMockDocument } from 'test-utils';

package/src/extensions/documents-save/components/__tests__/primary-action.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PrimaryAction from '../primary-action';
-import { render } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import { createMockDocument } from 'test-utils';
 import { useActiveDocument, useActiveDocumentActions } from '@elementor/editor-documents';
 
@@ -135,7 +135,7 @@ describe( '@elementor/editor-app-bar - Top Bar Primary Action', () => {
 		// Act.
 		const { getAllByRole } = render( <PrimaryAction /> );
 
-		getAllByRole( 'button' )[ 0 ]?.click();
+		fireEvent.click( getAllByRole( 'button' )[ 0 ] );
 
 		// Assert.
 		expect( actionsMock.save ).toHaveBeenCalledTimes( 1 );
@@ -156,7 +156,7 @@ describe( '@elementor/editor-app-bar - Top Bar Primary Action', () => {
 		const button = getAllByRole( 'button' )[ 0 ];
 		const loader = getAllByRole( 'progressbar' )[ 0 ];
 
-		button?.click();
+		fireEvent.click( button );
 
 		// Assert.
 		expect( actionsMock.save ).not.toHaveBeenCalled();

package/src/extensions/documents-save/hooks/__tests__/use-document-save-draft-props.test.ts

@@ -1,5 +1,5 @@
 import { createMockDocument } from 'test-utils';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import useDocumentSaveDraftProps from '../use-document-save-draft-props';
 import { useActiveDocument, useActiveDocumentActions } from '@elementor/editor-documents';
 

package/src/extensions/documents-save/hooks/__tests__/use-document-save-template-props.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { useActiveDocumentActions } from '@elementor/editor-documents';
 import useDocumentSaveTemplateProps from '../use-document-save-template-props';
 

package/src/extensions/elements/hooks/__tests__/use-action-props.test.ts

@@ -1,5 +1,5 @@
 import useActionProps from '../use-action-props';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { openRoute, useRouteStatus } from '@elementor/editor-v1-adapters';
 
 jest.mock( '@elementor/editor-v1-adapters', () => ( {

package/src/extensions/finder/hooks/__tests__/use-action-props.test.ts

@@ -1,5 +1,5 @@
 import useActionProps from '../use-action-props';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { runCommand, useRouteStatus } from '@elementor/editor-v1-adapters';
 
 jest.mock( '@elementor/editor-v1-adapters', () => ( {

package/src/extensions/history/hooks/__tests__/use-action-props.test.ts

@@ -1,5 +1,5 @@
 import useActionProps from '../use-action-props';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { openRoute, useRouteStatus } from '@elementor/editor-v1-adapters';
 
 jest.mock( '@elementor/editor-v1-adapters', () => ( {

package/src/extensions/keyboard-shortcuts/hooks/__tests__/use-action-props.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import useActionProps from '../use-action-props';
 import { runCommand } from '@elementor/editor-v1-adapters';
 

package/src/extensions/site-settings/components/__tests__/primary-action.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import PrimaryAction from '../primary-action';
 import { createMockDocument } from 'test-utils';
 import { useActiveDocument, useActiveDocumentActions } from '@elementor/editor-documents';
@@ -30,7 +30,7 @@ describe( '@elementor/editor-app-bar - Primary action', () => {
 		render( <PrimaryAction /> );
 
 		// Act.
-		screen.getByRole( 'button' ).click();
+		fireEvent.click( screen.getByRole( 'button' ) );
 
 		// Assert.
 		expect( saveFn ).toHaveBeenCalledTimes( 1 );
@@ -56,7 +56,7 @@ describe( '@elementor/editor-app-bar - Primary action', () => {
 		render( <PrimaryAction /> );
 
 		// Act.
-		screen.getByRole( 'button' ).click();
+		fireEvent.click( screen.getByRole( 'button' ) );
 
 		// Assert.
 		expect( saveFn ).not.toHaveBeenCalled();

package/src/extensions/site-settings/hooks/__tests__/use-action-props.test.ts

@@ -1,5 +1,5 @@
 import useActionProps from '../use-action-props';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { runCommand, useRouteStatus } from '@elementor/editor-v1-adapters';
 
 jest.mock( '@elementor/editor-v1-adapters', () => ( {

package/src/extensions/structure/hooks/__tests__/use-action-props.test.ts

@@ -1,5 +1,5 @@
 import useActionProps from '../use-action-props';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { runCommand, useRouteStatus } from '@elementor/editor-v1-adapters';
 
 jest.mock( '@elementor/editor-v1-adapters', () => ( {

package/src/extensions/theme-builder/hooks/__tests__/use-action-props.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import useThemeBuilderActionProps from '../use-action-props';
 import { runCommand } from '@elementor/editor-v1-adapters';
 

package/src/extensions/user-preferences/hooks/__tests__/use-action-props.test.ts

@@ -1,5 +1,5 @@
 import useActionProps from '../use-action-props';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { openRoute, useRouteStatus } from '@elementor/editor-v1-adapters';
 
 jest.mock( '@elementor/editor-v1-adapters', () => ( {

package/src/locations/__tests__/menus.test.tsx

@@ -56,7 +56,7 @@ describe( '@elementor/editor-app-bar - Menus API', () => {
 		expect( action ).toHaveAttribute( 'aria-label', 'Test' );
 
 		// Act.
-		action.click();
+		fireEvent.click( action );
 
 		// Assert.
 		expect( onClick ).toHaveBeenCalled();
@@ -77,13 +77,13 @@ describe( '@elementor/editor-app-bar - Menus API', () => {
 		expect( toggleAction ).toHaveAttribute( 'value', 'test-value' );
 
 		// Act.
-		toggleAction.click();
+		fireEvent.click( toggleAction );
 
 		// Assert.
 		expect( toggleAction ).toHaveAttribute( 'aria-pressed', 'true' );
 
 		// Act.
-		toggleAction.click();
+		fireEvent.click( toggleAction );
 
 		// Assert.
 		expect( toggleAction ).toHaveAttribute( 'aria-pressed', 'false' );