@wordpress/dataviews 15.0.0 → 16.0.0

package/src/components/dataviews-context/index.ts

@@ -46,8 +46,10 @@ type DataViewsContextType< Item > = {
 	) => ReactElement;
 	isItemClickable: ( item: Item ) => boolean;
 	containerWidth: number;
-	containerRef: React.RefObject< HTMLDivElement | null >;
-	resizeObserverRef: React.Ref< HTMLDivElement | null >;
+	containerRef: React.MutableRefObject< HTMLDivElement | null >;
+	resizeObserverRef:
+		| ( ( element?: HTMLDivElement | null ) => void )
+		| React.RefObject< HTMLDivElement >;
 	defaultLayouts: NormalizedSupportedLayouts;
 	filters: NormalizedFilter[];
 	isShowingFilter: boolean;

package/src/components/dataviews-layouts/table/use-scroll-state.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { RefObject } from 'react';
+import type { MutableRefObject } from 'react';
 
 /**
  * WordPress dependencies
@@ -30,16 +30,16 @@ const isScrolledToEnd = ( element: Element ) => {
  *
  * See https://github.com/Automattic/wp-calypso/pull/103005#discussion_r2077567912.
  *
- * @param params                           The parameters for the hook.
- * @param params.scrollContainerRef        The ref to the scroll container element.
- * @param [params.enabledHorizontal=false] Whether to track horizontal scroll end.
- * @return  The scroll state.
+ * @param {Object}                                  params                           The parameters for the hook.
+ * @param {MutableRefObject<HTMLDivElement | null>} params.scrollContainerRef        The ref to the scroll container element.
+ * @param {boolean}                                 [params.enabledHorizontal=false] Whether to track horizontal scroll end.
+ * @return {{ isHorizontalScrollEnd: boolean, isVerticallyScrolled: boolean }} The scroll state.
  */
 export function useScrollState( {
 	scrollContainerRef,
 	enabledHorizontal = false,
 }: {
-	scrollContainerRef: RefObject< HTMLDivElement | null >;
+	scrollContainerRef: React.MutableRefObject< HTMLDivElement | null >;
 	enabledHorizontal?: boolean;
 } ): { isHorizontalScrollEnd: boolean; isVerticallyScrolled: boolean } {
 	const [ isHorizontalScrollEnd, setIsHorizontalScrollEnd ] =

package/src/components/dataviews-layouts/utils/item-click-wrapper.tsx

@@ -86,9 +86,7 @@ export function ItemClickWrapper< Item >( {
 			className: `${ className } ${ className }--clickable`,
 			...extraProps,
 			children,
-		} ) as ReactElement<
-			Pick< React.DOMAttributes< Element >, 'onClick' | 'onKeyDown' >
-		>;
+		} );
 
 		// Clone the element and enhance onClick to stop propagation
 		return cloneElement( renderedElement, {

package/src/hooks/use-form-validity.ts

@@ -392,8 +392,8 @@ function handleCustomValidationAsync< Item >(
 }
 
 type PromiseHandler< Item > = {
-	customCounterRef: React.RefObject< Record< string, number > >;
-	elementsCounterRef: React.RefObject< Record< string, number > >;
+	customCounterRef: React.MutableRefObject< Record< string, number > >;
+	elementsCounterRef: React.MutableRefObject< Record< string, number > >;
 	setFormValidity: React.Dispatch< React.SetStateAction< FormValidity > >;
 	path: string[];
 	item: Item;