Premium Analytics: port the Top performing products widget (#49726)

* Premium Analytics: port top performing products widget

# Conflicts:
#	projects/packages/premium-analytics/eslint.config.mjs
#	projects/packages/premium-analytics/widgets/stories/widget-dashboard-with-widget.tsx

* Fix Premium Analytics widget lockfile

* Fix top performing products Storybook stories

* fix: conform top-performing-products port to widget contract

---------

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>

Author: nerrad

projects/packages/premium-analytics/changelog/add-top-performing-products-widget

@@ -0,0 +1,4 @@
+Significance: patch
+Type: added
+
+Widgets: Add top performing products widget.

projects/packages/premium-analytics/widgets/top-performing-products/package.json

@@ -0,0 +1,13 @@
+{
+	"name": "@automattic/jetpack-premium-analytics-widget-top-performing-products",
+	"version": "0.1.0-alpha",
+	"private": true,
+	"type": "module",
+	"dependencies": {
+		"@jetpack-premium-analytics/widgets-toolkit": "link:../../packages/widgets-toolkit",
+		"@wordpress/i18n": "^6.9.0",
+		"@wordpress/icons": "^13.0.0",
+		"@wordpress/widget-primitives": "next",
+		"react": "18.3.1"
+	}
+}

projects/packages/premium-analytics/widgets/top-performing-products/render.tsx

@@ -0,0 +1,42 @@
+/**
+ * External dependencies
+ */
+import {
+	TopPerformingProductsWidget,
+	WidgetRoot,
+	type ReportParamsFieldAttributes,
+} from '@jetpack-premium-analytics/widgets-toolkit';
+/**
+ * Internal dependencies
+ */
+import type { TopPerformingProductsAttributes } from './widget';
+import type { WidgetRenderProps } from '@wordpress/widget-primitives';
+import type { ComponentProps } from 'react';
+
+// Report params are usually URL-driven (WidgetRoot's fallback), but callers may
+// also pass them via `attributes`. Compose the render-only shape to cover both.
+type TopPerformingProductsRenderAttributes = TopPerformingProductsAttributes &
+	Partial< ReportParamsFieldAttributes >;
+
+type TopPerformingProductsRenderProps =
+	WidgetRenderProps< TopPerformingProductsRenderAttributes > & {
+		setError?: ComponentProps< typeof WidgetRoot >[ 'setError' ];
+	};
+
+/**
+ * Top performing products widget.
+ *
+ * Thin composition over the widgets-toolkit: WidgetRoot provides the query
+ * client, chart theme, and resolved report params; TopPerformingProductsWidget
+ * fetches physical product data and renders a revenue leaderboard.
+ */
+export default function TopPerformingProductsRender( {
+	attributes = {},
+	setError,
+}: TopPerformingProductsRenderProps ) {
+	return (
+		<WidgetRoot attributes={ attributes } setError={ setError } options={ { from: '/' } }>
+			<TopPerformingProductsWidget limit={ 5 } />
+		</WidgetRoot>
+	);
+}