@wordpress/components 27.0.0 → 27.1.0

package/build/custom-select-control-v2/legacy-adapter.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _legacyComponent = _interopRequireDefault(require("./legacy-component"));
-var _defaultComponent = _interopRequireDefault(require("./default-component"));
-/**
- * Internal dependencies
- */
-
-function isLegacy(props) {
-  return typeof props.options !== 'undefined';
-}
-function CustomSelect(props) {
-  if (isLegacy(props)) {
-    return (0, _react.createElement)(_legacyComponent.default, {
-      ...props
-    });
-  }
-  return (0, _react.createElement)(_defaultComponent.default, {
-    ...props
-  });
-}
-var _default = exports.default = CustomSelect;
-//# sourceMappingURL=legacy-adapter.js.map

package/build/custom-select-control-v2/legacy-adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_legacyComponent","_interopRequireDefault","require","_defaultComponent","isLegacy","props","options","CustomSelect","_react","createElement","default","_default","exports"],"sources":["@wordpress/components/src/custom-select-control-v2/legacy-adapter.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport _LegacyCustomSelect from './legacy-component';\nimport _NewCustomSelect from './default-component';\nimport type { CustomSelectProps, LegacyCustomSelectProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\nfunction isLegacy( props: any ): props is LegacyCustomSelectProps {\n\treturn typeof props.options !== 'undefined';\n}\n\nfunction CustomSelect(\n\tprops:\n\t\t| LegacyCustomSelectProps\n\t\t| WordPressComponentProps< CustomSelectProps, 'button', false >\n) {\n\tif ( isLegacy( props ) ) {\n\t\treturn <_LegacyCustomSelect { ...props } />;\n\t}\n\n\treturn <_NewCustomSelect { ...props } />;\n}\n\nexport default CustomSelect;\n"],"mappings":";;;;;;;;AAGA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAMA,SAASE,QAAQA,CAAEC,KAAU,EAAqC;EACjE,OAAO,OAAOA,KAAK,CAACC,OAAO,KAAK,WAAW;AAC5C;AAEA,SAASC,YAAYA,CACpBF,KAEgE,EAC/D;EACD,IAAKD,QAAQ,CAAEC,KAAM,CAAC,EAAG;IACxB,OAAO,IAAAG,MAAA,CAAAC,aAAA,EAACT,gBAAA,CAAAU,OAAmB;MAAA,GAAML;IAAK,CAAI,CAAC;EAC5C;EAEA,OAAO,IAAAG,MAAA,CAAAC,aAAA,EAACN,iBAAA,CAAAO,OAAgB;IAAA,GAAML;EAAK,CAAI,CAAC;AACzC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEcH,YAAY"}

package/build/utils/hooks/use-latest-ref.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useLatestRef = useLatestRef;
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Creates a reference for a prop. This is useful for preserving dependency
- * memoization for hooks like useCallback.
- *
- * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx
- *
- * @param value The value to reference
- * @return The prop reference.
- */
-function useLatestRef(value) {
-  const ref = (0, _element.useRef)(value);
-  (0, _compose.useIsomorphicLayoutEffect)(() => {
-    ref.current = value;
-  });
-  return ref;
-}
-//# sourceMappingURL=use-latest-ref.js.map

package/build/utils/hooks/use-latest-ref.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_compose","useLatestRef","value","ref","useRef","useIsomorphicLayoutEffect","current"],"sources":["@wordpress/components/src/utils/hooks/use-latest-ref.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { RefObject } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useIsomorphicLayoutEffect } from '@wordpress/compose';\n\n/**\n * Creates a reference for a prop. This is useful for preserving dependency\n * memoization for hooks like useCallback.\n *\n * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx\n *\n * @param value The value to reference\n * @return The prop reference.\n */\nexport function useLatestRef< T >( value: T ): RefObject< T > {\n\tconst ref = useRef( value );\n\n\tuseIsomorphicLayoutEffect( () => {\n\t\tref.current = value;\n\t} );\n\n\treturn ref;\n}\n"],"mappings":";;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,YAAYA,CAAOC,KAAQ,EAAmB;EAC7D,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAEF,KAAM,CAAC;EAE3B,IAAAG,kCAAyB,EAAE,MAAM;IAChCF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACpB,CAAE,CAAC;EAEH,OAAOC,GAAG;AACX"}

package/build-module/custom-select-control-v2/legacy-adapter.js

@@ -1,21 +0,0 @@
-import { createElement } from "react";
-/**
- * Internal dependencies
- */
-import _LegacyCustomSelect from './legacy-component';
-import _NewCustomSelect from './default-component';
-function isLegacy(props) {
-  return typeof props.options !== 'undefined';
-}
-function CustomSelect(props) {
-  if (isLegacy(props)) {
-    return createElement(_LegacyCustomSelect, {
-      ...props
-    });
-  }
-  return createElement(_NewCustomSelect, {
-    ...props
-  });
-}
-export default CustomSelect;
-//# sourceMappingURL=legacy-adapter.js.map

package/build-module/custom-select-control-v2/legacy-adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_LegacyCustomSelect","_NewCustomSelect","isLegacy","props","options","CustomSelect","createElement"],"sources":["@wordpress/components/src/custom-select-control-v2/legacy-adapter.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport _LegacyCustomSelect from './legacy-component';\nimport _NewCustomSelect from './default-component';\nimport type { CustomSelectProps, LegacyCustomSelectProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\nfunction isLegacy( props: any ): props is LegacyCustomSelectProps {\n\treturn typeof props.options !== 'undefined';\n}\n\nfunction CustomSelect(\n\tprops:\n\t\t| LegacyCustomSelectProps\n\t\t| WordPressComponentProps< CustomSelectProps, 'button', false >\n) {\n\tif ( isLegacy( props ) ) {\n\t\treturn <_LegacyCustomSelect { ...props } />;\n\t}\n\n\treturn <_NewCustomSelect { ...props } />;\n}\n\nexport default CustomSelect;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,mBAAmB,MAAM,oBAAoB;AACpD,OAAOC,gBAAgB,MAAM,qBAAqB;AAIlD,SAASC,QAAQA,CAAEC,KAAU,EAAqC;EACjE,OAAO,OAAOA,KAAK,CAACC,OAAO,KAAK,WAAW;AAC5C;AAEA,SAASC,YAAYA,CACpBF,KAEgE,EAC/D;EACD,IAAKD,QAAQ,CAAEC,KAAM,CAAC,EAAG;IACxB,OAAOG,aAAA,CAACN,mBAAmB;MAAA,GAAMG;IAAK,CAAI,CAAC;EAC5C;EAEA,OAAOG,aAAA,CAACL,gBAAgB;IAAA,GAAME;EAAK,CAAI,CAAC;AACzC;AAEA,eAAeE,YAAY"}

package/build-module/utils/hooks/use-latest-ref.js

@@ -1,27 +0,0 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { useRef } from '@wordpress/element';
-import { useIsomorphicLayoutEffect } from '@wordpress/compose';
-
-/**
- * Creates a reference for a prop. This is useful for preserving dependency
- * memoization for hooks like useCallback.
- *
- * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx
- *
- * @param value The value to reference
- * @return The prop reference.
- */
-export function useLatestRef(value) {
-  const ref = useRef(value);
-  useIsomorphicLayoutEffect(() => {
-    ref.current = value;
-  });
-  return ref;
-}
-//# sourceMappingURL=use-latest-ref.js.map

package/build-module/utils/hooks/use-latest-ref.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useRef","useIsomorphicLayoutEffect","useLatestRef","value","ref","current"],"sources":["@wordpress/components/src/utils/hooks/use-latest-ref.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { RefObject } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useIsomorphicLayoutEffect } from '@wordpress/compose';\n\n/**\n * Creates a reference for a prop. This is useful for preserving dependency\n * memoization for hooks like useCallback.\n *\n * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx\n *\n * @param value The value to reference\n * @return The prop reference.\n */\nexport function useLatestRef< T >( value: T ): RefObject< T > {\n\tconst ref = useRef( value );\n\n\tuseIsomorphicLayoutEffect( () => {\n\t\tref.current = value;\n\t} );\n\n\treturn ref;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,yBAAyB,QAAQ,oBAAoB;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAOC,KAAQ,EAAmB;EAC7D,MAAMC,GAAG,GAAGJ,MAAM,CAAEG,KAAM,CAAC;EAE3BF,yBAAyB,CAAE,MAAM;IAChCG,GAAG,CAACC,OAAO,GAAGF,KAAK;EACpB,CAAE,CAAC;EAEH,OAAOC,GAAG;AACX"}

package/build-types/custom-select-control-v2/legacy-adapter.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { CustomSelectProps, LegacyCustomSelectProps } from './types';
-import type { WordPressComponentProps } from '../context';
-declare function CustomSelect(props: LegacyCustomSelectProps | WordPressComponentProps<CustomSelectProps, 'button', false>): JSX.Element;
-export default CustomSelect;
-//# sourceMappingURL=legacy-adapter.d.ts.map

package/build-types/custom-select-control-v2/legacy-adapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"legacy-adapter.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/legacy-adapter.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAM1D,iBAAS,YAAY,CACpB,KAAK,EACF,uBAAuB,GACvB,uBAAuB,CAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,CAAE,eAOhE;AAED,eAAe,YAAY,CAAC"}

package/build-types/utils/hooks/use-latest-ref.d.ts

@@ -1,15 +0,0 @@
-/**
- * External dependencies
- */
-import type { RefObject } from 'react';
-/**
- * Creates a reference for a prop. This is useful for preserving dependency
- * memoization for hooks like useCallback.
- *
- * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx
- *
- * @param value The value to reference
- * @return The prop reference.
- */
-export declare function useLatestRef<T>(value: T): RefObject<T>;
-//# sourceMappingURL=use-latest-ref.d.ts.map

package/build-types/utils/hooks/use-latest-ref.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-latest-ref.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use-latest-ref.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAE,CAAC,EAAI,KAAK,EAAE,CAAC,GAAI,SAAS,CAAE,CAAC,CAAE,CAQ5D"}

package/src/custom-select-control-v2/legacy-adapter.tsx

@@ -1,25 +0,0 @@
-/**
- * Internal dependencies
- */
-import _LegacyCustomSelect from './legacy-component';
-import _NewCustomSelect from './default-component';
-import type { CustomSelectProps, LegacyCustomSelectProps } from './types';
-import type { WordPressComponentProps } from '../context';
-
-function isLegacy( props: any ): props is LegacyCustomSelectProps {
-	return typeof props.options !== 'undefined';
-}
-
-function CustomSelect(
-	props:
-		| LegacyCustomSelectProps
-		| WordPressComponentProps< CustomSelectProps, 'button', false >
-) {
-	if ( isLegacy( props ) ) {
-		return <_LegacyCustomSelect { ...props } />;
-	}
-
-	return <_NewCustomSelect { ...props } />;
-}
-
-export default CustomSelect;

package/src/utils/hooks/test/use-latest-ref.js

@@ -1,119 +0,0 @@
-/**
- * External dependencies
- */
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { useLatestRef } from '..';
-
-function debounce( callback, timeout = 0 ) {
-	let timeoutId = 0;
-	return ( ...args ) => {
-		window.clearTimeout( timeoutId );
-		timeoutId = window.setTimeout( () => callback( ...args ), timeout );
-	};
-}
-
-function useDebounce( callback, timeout = 0 ) {
-	const callbackRef = useLatestRef( callback );
-	return debounce( ( ...args ) => callbackRef.current( ...args ), timeout );
-}
-
-function Example() {
-	const [ count, setCount ] = useState( 0 );
-	const increment = () => setCount( count + 1 );
-	const incrementDebounced = debounce( increment, 50 );
-	const incrementDebouncedWithLatestRef = useDebounce( increment, 50 );
-
-	return (
-		<>
-			<div>Count: { count }</div>
-			<button onClick={ incrementDebounced }>Increment debounced</button>
-			<button onClick={ increment }>Increment immediately</button>
-			<br />
-			<button onClick={ incrementDebouncedWithLatestRef }>
-				Increment debounced with latest ref
-			</button>
-		</>
-	);
-}
-
-function getCount() {
-	return screen.getByText( /Count:/ ).innerHTML;
-}
-
-function incrementCount() {
-	fireEvent.click( screen.getByText( 'Increment immediately' ) );
-}
-
-function incrementCountDebounced() {
-	fireEvent.click( screen.getByText( 'Increment debounced' ) );
-}
-
-function incrementCountDebouncedRef() {
-	fireEvent.click(
-		screen.getByText( 'Increment debounced with latest ref' )
-	);
-}
-
-describe( 'useLatestRef', () => {
-	describe( 'Example', () => {
-		// Prove the example works as expected.
-		it( 'should start at 0', () => {
-			render( <Example /> );
-
-			expect( getCount() ).toEqual( 'Count: 0' );
-		} );
-
-		it( 'should increment immediately', () => {
-			render( <Example /> );
-
-			incrementCount();
-
-			expect( getCount() ).toEqual( 'Count: 1' );
-		} );
-
-		it( 'should increment after debouncing', async () => {
-			render( <Example /> );
-
-			incrementCountDebounced();
-
-			expect( getCount() ).toEqual( 'Count: 0' );
-			await waitFor( () => expect( getCount() ).toEqual( 'Count: 1' ) );
-		} );
-
-		it( 'should increment after debouncing with latest ref', async () => {
-			render( <Example /> );
-
-			incrementCountDebouncedRef();
-
-			expect( getCount() ).toEqual( 'Count: 0' );
-			await waitFor( () => expect( getCount() ).toEqual( 'Count: 1' ) );
-		} );
-	} );
-
-	it( 'should increment to one', async () => {
-		render( <Example /> );
-
-		incrementCountDebounced();
-		incrementCount();
-
-		await waitFor( () => expect( getCount() ).toEqual( 'Count: 1' ) );
-	} );
-
-	it( 'should increment to two', async () => {
-		render( <Example /> );
-
-		incrementCountDebouncedRef();
-		incrementCount();
-
-		await waitFor( () => expect( getCount() ).toEqual( 'Count: 2' ) );
-	} );
-} );

package/src/utils/hooks/use-latest-ref.ts

@@ -1,29 +0,0 @@
-/**
- * External dependencies
- */
-import type { RefObject } from 'react';
-
-/**
- * WordPress dependencies
- */
-import { useRef } from '@wordpress/element';
-import { useIsomorphicLayoutEffect } from '@wordpress/compose';
-
-/**
- * Creates a reference for a prop. This is useful for preserving dependency
- * memoization for hooks like useCallback.
- *
- * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx
- *
- * @param value The value to reference
- * @return The prop reference.
- */
-export function useLatestRef< T >( value: T ): RefObject< T > {
-	const ref = useRef( value );
-
-	useIsomorphicLayoutEffect( () => {
-		ref.current = value;
-	} );
-
-	return ref;
-}