@elementor/editor-responsive 0.11.0 → 0.11.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.1](https://github.com/elementor/elementor-packages/compare/@elementor/editor-responsive@0.11.0...@elementor/editor-responsive@0.11.1) (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))
+
 # [0.11.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-responsive@0.10.6...@elementor/editor-responsive@0.11.0) (2024-07-18)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-responsive",
-  "version": "0.11.0",
+  "version": "0.11.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/libs/editor-responsive"
   },
   "bugs": {
@@ -27,16 +27,23 @@
   "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-v1-adapters": "^0.8.0",
+    "@elementor/editor-v1-adapters": "^0.8.1",
     "@wordpress/i18n": "^4.45.0"
   },
   "peerDependencies": {
     "react": "^18.3.1"
   },
-  "gitHead": "7d626115b07f3425b679f7508230f7776f3fe17b"
+  "gitHead": "f4ca33da0842a29d83736d0a173633085edddaee"
 }

package/src/hooks/__tests__/use-activate-breakpoint.test.ts

@@ -1,20 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { useActivateBreakpoint } from '../use-activate-breakpoint';
-import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
-
-jest.mock( '@elementor/editor-v1-adapters', () => ( {
-	__privateRunCommand: jest.fn(),
-} ) );
-
-describe( 'useActivateBreakpoints', () => {
-	it( 'should activate a breakpoint', () => {
-		// Act.
-		const { result } = renderHook( useActivateBreakpoint );
-
-		result.current( 'tablet' );
-
-		// Assert.
-		expect( jest.mocked( runCommand ) ).toHaveBeenCalledTimes( 1 );
-		expect( jest.mocked( runCommand ) ).toHaveBeenCalledWith( 'panel/change-device-mode', { device: 'tablet' } );
-	} );
-} );

package/src/hooks/__tests__/use-active-breakpoint.test.ts

@@ -1,50 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import { useActiveBreakpoint } from '../use-active-breakpoint';
-import { BreakpointId, ExtendedWindow } from '../../types';
-import { dispatchWindowEvent } from 'test-utils';
-
-describe( 'useActiveBreakpoint', () => {
-	function setActiveBreakpoint( active: BreakpointId ) {
-		const extendedWindow = window as unknown as ExtendedWindow;
-
-		extendedWindow.elementor = {
-			channels: {
-				deviceMode: {
-					request: () => {
-						return active;
-					},
-				},
-			},
-		};
-
-		dispatchWindowEvent( 'elementor/device-mode/change' );
-	}
-
-	it( 'should return null when no breakpoint is active', () => {
-		// Arrange.
-		setActiveBreakpoint( undefined as never );
-
-		// Act.
-		const { result } = renderHook( useActiveBreakpoint );
-
-		// Assert.
-		expect( result.current ).toEqual( null );
-	} );
-
-	it( 'should return the active breakpoint', () => {
-		// Arrange.
-		setActiveBreakpoint( 'mobile' );
-
-		// Act.
-		const { result } = renderHook( useActiveBreakpoint );
-
-		// Assert.
-		expect( result.current ).toEqual( 'mobile' );
-
-		// Act.
-		act( () => setActiveBreakpoint( 'tablet' ) );
-
-		// Assert.
-		expect( result.current ).toEqual( 'tablet' );
-	} );
-} );

package/src/hooks/__tests__/use-breakpoints.test.ts

@@ -1,90 +0,0 @@
-import { useBreakpoints } from '../use-breakpoints';
-import { renderHook } from '@testing-library/react';
-import { ExtendedWindow, V1Breakpoints } from '../../types';
-
-describe( 'useBreakpoints', () => {
-	function setBreakpoints( breakpoints: Partial< V1Breakpoints > ) {
-		const extendedWindow = window as unknown as ExtendedWindow;
-
-		extendedWindow.elementor = {
-			config: {
-				responsive: {
-					breakpoints: breakpoints as V1Breakpoints,
-				},
-			},
-		};
-	}
-
-	it( 'should return an empty array if no breakpoints are available', () => {
-		// Arrange.
-		setBreakpoints( {} as never );
-
-		// Act.
-		const { result } = renderHook( useBreakpoints );
-
-		// Assert.
-		expect( result.current ).toEqual( [] );
-	} );
-
-	it( 'should filter out inactive breakpoints', () => {
-		// Arrange.
-		setBreakpoints( {
-			tablet: {
-				is_enabled: false,
-				value: 1024,
-				label: 'Tablet Portrait',
-				direction: 'max',
-			},
-			mobile: {
-				is_enabled: true,
-				value: 767,
-				label: 'Mobile Portrait',
-				direction: 'max',
-			},
-		} );
-
-		// Act.
-		const { result } = renderHook( useBreakpoints );
-
-		// Assert.
-		expect( result.current ).toEqual( [
-			{ id: 'desktop', label: 'Desktop' },
-			{ id: 'mobile', label: 'Mobile Portrait', width: 767, type: 'max-width' },
-		] );
-	} );
-
-	it( 'should return all breakpoints sorted by size', () => {
-		// Arrange.
-		setBreakpoints( {
-			tablet: {
-				is_enabled: true,
-				value: 1024,
-				label: 'Tablet Portrait',
-				direction: 'max',
-			},
-			mobile: {
-				is_enabled: true,
-				value: 767,
-				label: 'Mobile Portrait',
-				direction: 'max',
-			},
-			widescreen: {
-				is_enabled: true,
-				value: 2400,
-				label: 'Widescreen',
-				direction: 'min',
-			},
-		} );
-
-		// Act.
-		const { result } = renderHook( useBreakpoints );
-
-		// Assert.
-		expect( result.current ).toEqual( [
-			{ id: 'widescreen', label: 'Widescreen', width: 2400, type: 'min-width' },
-			{ id: 'desktop', label: 'Desktop' },
-			{ id: 'tablet', label: 'Tablet Portrait', width: 1024, type: 'max-width' },
-			{ id: 'mobile', label: 'Mobile Portrait', width: 767, type: 'max-width' },
-		] );
-	} );
-} );