woocommerce/plugins/woocommerce-admin/client/analytics/report
Mike Jolley 3bd945511a Merge pull request woocommerce/woocommerce-admin#2191 from woocommerce/fix/low-stock-handling
Low stock handling inconsistencies with WooCommerce 3.6+
2019-06-06 12:15:46 +02:00
..
categories Dashboard Charts: simplify data 2019-05-21 08:09:49 +12:00
coupons Dashboard Charts: simplify data 2019-05-21 08:09:49 +12:00
customers Merge pull request woocommerce/woocommerce-admin#2369 from shoheitanaka/patch-2 2019-06-06 10:13:16 +02:00
downloads Dashboard Charts: simplify data 2019-05-21 08:09:49 +12:00
orders Dashboard Charts: simplify data 2019-05-21 08:09:49 +12:00
products Dashboard Charts: simplify data 2019-05-21 08:09:49 +12:00
revenue Dashboard Charts: simplify data 2019-05-21 08:09:49 +12:00
stock Render stock status as 'low' on stock report 2019-05-08 15:25:46 +01:00
taxes Dashboard Charts: simplify data 2019-05-21 08:09:49 +12:00
README.md update analytics report readme 2019-04-29 08:58:33 -03:00
index.js Example Extensions: create build environment 2019-04-17 14:01:56 +12:00
style.scss Update Card component to use Muriel design (https://github.com/woocommerce/woocommerce-admin/pull/2252) 2019-05-22 16:38:25 +08:00

README.md

Reports

The core reports offered by WooCommerce live in this folder. The Header is added automatically by the parent Report component, each individual component should contain just the report contents.

Extending Reports

New reports can be added by third-parties without altering woocommerce-admin, by hooking into the reports filter, woocommerce_admin_reports_list. For example:

addFilter( 'woocommerce_admin_reports_list', 'analytics/my-report', pages => {
	return [
		...pages,
		{
			report: 'example',
			title: 'My Example Extension',
			component: Report,
		},
	];
} );

Each report is defined by an object containing report, title, component.

  • report (string): The path used to show the report, ex: /analytics/example
  • title (string): The title shown in the breadcrumbs & document title.
  • component (react component): The component containing the report content- everything on the page under the breadcrumbs header.

The component will get the following props:

  • query (object): The query string for the current view, can be used to paginate reports, or sort/filter report data.
  • path (string): The exact path for this view.
  • pathMatch (string): The route matched for this view, should always be /analytics/:report.
  • params (object): This will contain the report from the path, which should match report in the page object.

Note: Adding your page to woocommerce_admin_reports_list does not add the item to the admin menu, you'll need to do that in PHP with the woocommerce_admin_report_menu_items filter.