@elementor/editor-panels 0.4.17 → 0.5.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.5.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-panels@0.4.17...@elementor/editor-panels@0.5.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.4.17](https://github.com/elementor/elementor-packages/compare/@elementor/editor-panels@0.4.16...@elementor/editor-panels@0.4.17) (2024-07-16)
 
 **Note:** Version bump only for package @elementor/editor-panels

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-panels",
-  "version": "0.4.17",
+  "version": "0.5.0",
   "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-panels"
   },
   "bugs": {
@@ -27,19 +27,26 @@
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "README.md",
+    "CHANGELOG.md",
+    "/dist",
+    "/src",
+    "!**/__tests__"
+  ],
   "scripts": {
     "build": "tsup --config=../../tsup.build.ts",
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "^0.11.2",
-    "@elementor/editor-v1-adapters": "^0.8.0",
-    "@elementor/locations": "^0.7.4",
-    "@elementor/store": "^0.8.4",
-    "@elementor/ui": "^1.4.61"
+    "@elementor/editor": "^0.12.0",
+    "@elementor/editor-v1-adapters": "^0.8.1",
+    "@elementor/locations": "^0.7.5",
+    "@elementor/store": "^0.8.5",
+    "@elementor/ui": "^1.14.2"
   },
   "peerDependencies": {
     "react": "^18.3.1"
   },
-  "gitHead": "10fd8663495a9ced2521f27a74879684ed0cf322"
+  "gitHead": "f4ca33da0842a29d83736d0a173633085edddaee"
 }

package/src/__tests__/api.test.tsx

@@ -1,141 +0,0 @@
-import * as React from 'react';
-import { __createStore, __registerSlice, __StoreProvider as StoreProvider } from '@elementor/store';
-import { slice } from '../store';
-import { createPanel, registerPanel } from '../api';
-import { fireEvent, render, screen } from '@testing-library/react';
-import Panels from '../components/internal/panels';
-import { __privateUseRouteStatus as useRouteStatus } from '@elementor/editor-v1-adapters';
-import { Panel, PanelBody, PanelHeader, PanelHeaderTitle } from '../components/external';
-
-jest.mock( '@elementor/editor-v1-adapters', () => ( {
-	__esModule: true,
-	...jest.requireActual( '@elementor/editor-v1-adapters' ),
-	__privateUseRouteStatus: jest.fn( () => ( {
-		isActive: false,
-		isBlocked: false,
-	} ) ),
-} ) );
-
-describe( '@elementor/editor-panels api', () => {
-	const { panel, usePanelStatus, usePanelActions } = createPanel( {
-		id: 'test-panel',
-		component: () => (
-			<Panel>
-				<PanelHeader>
-					<PanelHeaderTitle>Test Panel Header</PanelHeaderTitle>
-				</PanelHeader>
-				<PanelBody>
-					<p>Test Panel Body</p>
-				</PanelBody>
-			</Panel>
-		),
-	} );
-
-	const renderPanels = () => {
-		const Trigger = () => {
-			const { isOpen, isBlocked } = usePanelStatus();
-			const { open, close } = usePanelActions();
-
-			return (
-				<button onClick={ () => ( isOpen ? close() : open() ) } disabled={ isBlocked }>
-					{ isOpen ? 'Close Panel' : 'Open Panel' }
-				</button>
-			);
-		};
-
-		__registerSlice( slice );
-
-		render(
-			<StoreProvider store={ __createStore() }>
-				<Panels />
-				<Trigger />
-			</StoreProvider>
-		);
-	};
-
-	beforeEach( () => {
-		// Setup for the environment.
-		document.body.innerHTML = `
-			<div id="elementor-editor-wrapper">
-				<div id="elementor-panel-inner"></div>
-			</div>
-		`;
-	} );
-
-	afterEach( () => {
-		// Cleanup for the environment.
-		document.body.innerHTML = '';
-	} );
-
-	it( 'should open the panel when triggering `open` action', () => {
-		// Arrange.
-		registerPanel( panel );
-
-		// Act.
-		renderPanels();
-
-		// Assert.
-		expect( screen.queryByText( 'Test Panel Header' ) ).not.toBeInTheDocument();
-		expect( screen.queryByText( 'Test Panel Body' ) ).not.toBeInTheDocument();
-
-		// Act.
-		fireEvent.click( screen.getByText( 'Open Panel' ) );
-
-		// Assert.
-		expect( screen.getByText( 'Test Panel Header' ) ).toBeInTheDocument();
-		expect( screen.getByText( 'Test Panel Body' ) ).toBeInTheDocument();
-	} );
-
-	it( 'should close the panel when triggering `close` action', () => {
-		// Arrange.
-		registerPanel( panel );
-
-		jest.mocked( useRouteStatus ).mockReturnValue( {
-			isActive: true,
-			isBlocked: false,
-		} );
-
-		// Act.
-		renderPanels();
-
-		fireEvent.click( screen.getByText( 'Open Panel' ) );
-
-		// Assert.
-		expect( screen.getByText( 'Test Panel Header' ) ).toBeInTheDocument();
-		expect( screen.getByText( 'Test Panel Body' ) ).toBeInTheDocument();
-
-		// Act.
-		fireEvent.click( screen.getByText( 'Close Panel' ) );
-
-		// Assert.
-		expect( screen.queryByText( 'Test Panel Header' ) ).not.toBeInTheDocument();
-		expect( screen.queryByText( 'Test Panel Body' ) ).not.toBeInTheDocument();
-	} );
-
-	it( 'should not open the panel if the panel was not registered', () => {
-		// Act.
-		renderPanels();
-
-		fireEvent.click( screen.getByText( 'Open Panel' ) );
-
-		// Assert.
-		expect( screen.queryByText( 'Test Panel Header' ) ).not.toBeInTheDocument();
-		expect( screen.queryByText( 'Test Panel Body' ) ).not.toBeInTheDocument();
-	} );
-
-	it( 'should block open panel when isBlocked state equals `true`', () => {
-		// Arrange.
-		registerPanel( panel );
-
-		jest.mocked( useRouteStatus ).mockReturnValue( {
-			isActive: false,
-			isBlocked: true,
-		} );
-
-		// Act.
-		renderPanels();
-
-		// Assert.
-		expect( screen.getByText( 'Open Panel' ) ).toBeDisabled();
-	} );
-} );

package/src/__tests__/sync.test.tsx

@@ -1,141 +0,0 @@
-import { sync } from '../sync';
-import {
-	__privateIsRouteActive as isRouteActive,
-	__privateOpenRoute as openRoute,
-	__privateRegisterRoute as registerRoute,
-} from '@elementor/editor-v1-adapters';
-import { __createStore, __dispatch, __getState, __registerSlice } from '@elementor/store';
-import { selectOpenId, slice } from '../store';
-
-jest.mock( '@elementor/editor-v1-adapters', () => ( {
-	...jest.requireActual( '@elementor/editor-v1-adapters' ),
-	__privateRegisterRoute: jest.fn(),
-	__privateOpenRoute: jest.fn(),
-	__privateIsRouteActive: jest.fn(),
-} ) );
-
-describe( '@elementor/editor-panels sync', () => {
-	const v1PanelElementsIds = [
-		'elementor-panel-header-wrapper',
-		'elementor-panel-content-wrapper',
-		'elementor-panel-state-loading',
-		'elementor-panel-footer',
-	];
-
-	beforeEach( () => {
-		sync();
-		__registerSlice( slice );
-		__createStore();
-	} );
-
-	afterEach( () => {
-		document.body.innerHTML = '';
-	} );
-
-	it( 'should register the empty route on init', () => {
-		// Arrange & Act.
-		window.dispatchEvent( new CustomEvent( 'elementor/panel/init' ) );
-
-		// Assert.
-		expect( registerRoute ).toHaveBeenCalledTimes( 1 );
-		expect( registerRoute ).toHaveBeenCalledWith( 'panel/v2' );
-	} );
-
-	it( 'should open v1 route `panels/empty` when triggering `open` action', () => {
-		// Arrange.
-		window.dispatchEvent( new CustomEvent( 'elementor/panel/init' ) );
-
-		// Act.
-		__dispatch( slice.actions.open( 'test' ) );
-
-		// Arrange.
-		expect( openRoute ).toHaveBeenCalledTimes( 1 );
-		expect( openRoute ).toHaveBeenCalledWith( 'panel/v2' );
-	} );
-
-	it( 'should close v1 route `panel/v2` when triggering `close` action and set default v1 route', () => {
-		// Arrange.
-		window.dispatchEvent( new CustomEvent( 'elementor/panel/init' ) );
-
-		jest.mocked( isRouteActive ).mockImplementation( ( route ) => route === 'panel/v2' );
-
-		__dispatch( slice.actions.open( 'not-relevant-test' ) );
-		__dispatch( slice.actions.open( 'not-relevant-test-2' ) );
-		__dispatch( slice.actions.open( 'test' ) );
-
-		// Act.
-		__dispatch( slice.actions.close( 'test' ) );
-
-		// Arrange.
-		expect( openRoute ).toHaveBeenCalledTimes( 2 );
-		expect( openRoute ).toHaveBeenNthCalledWith( 1, 'panel/v2' );
-		expect( openRoute ).toHaveBeenNthCalledWith( 2, 'panel/elements/categories' );
-	} );
-
-	it( 'should not navigate to v1 default route if the route is not `panel/v2`', () => {
-		// Arrange.
-		window.dispatchEvent( new CustomEvent( 'elementor/panel/init' ) );
-
-		jest.mocked( isRouteActive ).mockImplementation( () => false );
-
-		__dispatch( slice.actions.open( 'test' ) );
-
-		// Act.
-		__dispatch( slice.actions.close( 'test' ) );
-
-		// Arrange.
-		expect( openRoute ).toHaveBeenCalledTimes( 1 );
-		expect( openRoute ).toHaveBeenCalledWith( 'panel/v2' );
-	} );
-
-	it( 'should close the panel when navigating to another v1 route', () => {
-		// Arrange.
-		__dispatch( slice.actions.open( 'test' ) );
-
-		// Act.
-		window.dispatchEvent(
-			new CustomEvent( 'elementor/routes/close', {
-				detail: { route: 'panel/v2' },
-			} )
-		);
-
-		// Act.
-		expect( selectOpenId( __getState() ) ).toBe( null );
-	} );
-
-	it( 'should hide old panel elements when navigating to empty route', () => {
-		// Arrange.
-		document.body.innerHTML = v1PanelElementsIds.map( ( id ) => `<div id="${ id }"></div>` ).join( '' );
-
-		// Act.
-		window.dispatchEvent(
-			new CustomEvent( 'elementor/routes/open', {
-				detail: { route: 'panel/v2' },
-			} )
-		);
-
-		// Assert.
-		v1PanelElementsIds.forEach( ( id ) => {
-			expect( document.getElementById( id ) ).not.toBeVisible();
-		} );
-	} );
-
-	it( 'should show old panel elements when navigating out of the empty route', () => {
-		// Arrange.
-		document.body.innerHTML = v1PanelElementsIds
-			.map( ( id ) => `<div id="${ id }" aria-hidden="true" hidden="hidden"></div>` )
-			.join( '' );
-
-		// Act.
-		window.dispatchEvent(
-			new CustomEvent( 'elementor/routes/close', {
-				detail: { route: 'panel/v2' },
-			} )
-		);
-
-		// Assert.
-		v1PanelElementsIds.forEach( ( id ) => {
-			expect( document.getElementById( id ) ).toBeVisible();
-		} );
-	} );
-} );