@wordpress/compose 8.4.0 → 8.6.0

package/src/hooks/use-resize-observer/use-resize-observer.ts

@@ -1,10 +1,4 @@
-/**
- * WordPress dependencies
- */
 import { useRef } from '@wordpress/element';
-/**
- * Internal dependencies
- */
 import useEvent from '../use-event';
 
 // This is the current implementation of `useResizeObserver`.

package/src/hooks/use-state-with-history/index.ts

@@ -1,6 +1,3 @@
-/**
- * WordPress dependencies
- */
 import { createUndoManager } from '@wordpress/undo-manager';
 import { useCallback, useReducer } from '@wordpress/element';
 import type { UndoManager } from '@wordpress/undo-manager';

package/src/hooks/use-state-with-history/test/index.js

@@ -1,11 +1,4 @@
-/**
- * External dependencies
- */
 import { screen, render, fireEvent } from '@testing-library/react';
-
-/**
- * Internal dependencies
- */
 import useStateWithHistory from '../';
 
 const TestComponent = () => {

package/src/hooks/use-throttle/index.ts

@@ -1,16 +1,5 @@
-/**
- * External dependencies
- */
 import { useMemoOne } from 'use-memo-one';
-
-/**
- * WordPress dependencies
- */
 import { useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
 import { throttle } from '../../utils/throttle';
 import type { ThrottleOptions } from '../../utils/throttle';
 import type { DebouncedFunc } from '../../utils/debounce';

package/src/hooks/use-viewport-match/index.ts

@@ -1,11 +1,4 @@
-/**
- * WordPress dependencies
- */
 import { createContext, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
 import useMediaQuery from '../use-media-query';
 
 type Breakpoint =
@@ -83,9 +76,11 @@ const useViewportMatch = (
 		: undefined
 ): boolean => {
 	const simulatedWidth = useContext( ViewportMatchWidthContext );
+	// Scoped to `screen` so printing, which matches against the page box,
+	// does not read as a narrower viewport.
 	const mediaQuery =
 		! simulatedWidth &&
-		`(${ CONDITIONS[ operator ] }: ${ BREAKPOINTS[ breakpoint ] }px)`;
+		`screen and (${ CONDITIONS[ operator ] }: ${ BREAKPOINTS[ breakpoint ] }px)`;
 	const mediaQueryResult = useMediaQuery( mediaQuery || undefined, view );
 
 	if ( simulatedWidth ) {

package/src/hooks/use-viewport-match/test/index.js

@@ -1,17 +1,8 @@
-/**
- * External dependencies
- */
 import { render } from '@testing-library/react';
-
-/**
- * Internal dependencies
- */
 import useViewportMatch from '../';
-
 jest.mock( '../../use-media-query', () => {
 	return jest.fn();
 } );
-
 import useMediaQueryMock from '../../use-media-query';
 
 describe( 'useViewportMatch', () => {
@@ -44,17 +35,17 @@ describe( 'useViewportMatch', () => {
 		expect( useMediaQueryMock ).toHaveBeenCalledTimes( 3 );
 		expect( useMediaQueryMock ).toHaveBeenNthCalledWith(
 			1,
-			'(max-width: 1280px)',
+			'screen and (max-width: 1280px)',
 			window
 		);
 		expect( useMediaQueryMock ).toHaveBeenNthCalledWith(
 			2,
-			'(min-width: 782px)',
+			'screen and (min-width: 782px)',
 			window
 		);
 		expect( useMediaQueryMock ).toHaveBeenNthCalledWith(
 			3,
-			'(min-width: 600px)',
+			'screen and (min-width: 600px)',
 			window
 		);
 	} );
@@ -79,17 +70,17 @@ describe( 'useViewportMatch', () => {
 		expect( useMediaQueryMock ).toHaveBeenCalledTimes( 3 );
 		expect( useMediaQueryMock ).toHaveBeenNthCalledWith(
 			1,
-			'(min-width: 1440px)',
+			'screen and (min-width: 1440px)',
 			window
 		);
 		expect( useMediaQueryMock ).toHaveBeenNthCalledWith(
 			2,
-			'(max-width: 960px)',
+			'screen and (max-width: 960px)',
 			window
 		);
 		expect( useMediaQueryMock ).toHaveBeenNthCalledWith(
 			3,
-			'(max-width: 480px)',
+			'screen and (max-width: 480px)',
 			window
 		);
 	} );

package/src/hooks/use-warn-on-change/index.ts

@@ -1,6 +1,3 @@
-/**
- * Internal dependencies
- */
 import usePrevious from '../use-previous';
 
 /**

package/src/lock-unlock.ts

@@ -1,6 +1,3 @@
-/**
- * WordPress dependencies
- */
 import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
 
 export const { lock, unlock } =

package/src/private-apis.ts

@@ -1,6 +1,3 @@
-/**
- * Internal dependencies
- */
 import { lock } from './lock-unlock';
 import subscribeDelegatedListener from './utils/subscribe-delegated-listener';
 

package/src/utils/create-higher-order-component/index.ts

@@ -1,6 +1,3 @@
-/**
- * External dependencies
- */
 import { pascalCase } from 'change-case';
 import type { ComponentType } from 'react';
 

package/src/utils/create-higher-order-component/test/index.js

@@ -1,11 +1,4 @@
-/**
- * WordPress dependencies
- */
 import { Component } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
 import { createHigherOrderComponent } from '../';
 
 describe( 'createHigherOrderComponent', () => {

package/src/utils/debounce/test/index.ts

@@ -1,6 +1,3 @@
-/**
- * Internal dependencies
- */
 import { debounce } from '../index';
 
 const identity = ( value ) => value;

package/src/utils/observable-map/test/index.js

@@ -1,6 +1,3 @@
-/**
- * Internal dependencies
- */
 import { observableMap } from '..';
 
 describe( 'ObservableMap', () => {

package/src/utils/subscribe-delegated-listener/test/index.js

@@ -1,6 +1,3 @@
-/**
- * Internal dependencies
- */
 import subscribeDelegatedListener from '..';
 
 describe( 'subscribeDelegatedListener', () => {

package/src/utils/throttle/index.ts

@@ -37,10 +37,6 @@
  * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
  * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-
-/**
- * Internal dependencies
- */
 import { debounce } from '../debounce';
 
 export interface ThrottleOptions {

package/src/utils/throttle/test/index.ts

@@ -1,6 +1,3 @@
-/**
- * Internal dependencies
- */
 import { throttle } from '../index';
 
 const identity = ( value ) => value;