woocommerce/plugins/woocommerce-admin/client/analytics/report
Ron Rennick 756dd8c1de make revenue total sales column optional (https://github.com/woocommerce/woocommerce-admin/pull/4397) 2020-05-20 13:03:30 -03:00
..
categories Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
coupons Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
customers Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
downloads Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
orders Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
products Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
revenue make revenue total sales column optional (https://github.com/woocommerce/woocommerce-admin/pull/4397) 2020-05-20 13:03:30 -03:00
stock Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
taxes Dynamic Currency with Context API (https://github.com/woocommerce/woocommerce-admin/pull/4027) 2020-04-03 10:54:38 +13:00
README.md update analytics report readme 2019-04-29 08:58:33 -03:00
get-reports.js Use Route based code splitting to optimize bundle size (https://github.com/woocommerce/woocommerce-admin/pull/4094) 2020-04-29 12:01:27 -06:00
index.js Use Route based code splitting to optimize bundle size (https://github.com/woocommerce/woocommerce-admin/pull/4094) 2020-04-29 12:01:27 -06:00
style.scss Align WooCommerce javascript code standards/linting/styles with WordPress core. (https://github.com/woocommerce/woocommerce-admin/pull/3674) 2020-02-14 15:23:21 +13: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.