woocommerce/plugins/woocommerce-admin/client/analytics/report
Kurt Zenisek 228acaf09e Added state alongside city & other info, and made location info sortable for convenient grouping of data at a glance.
I figured there's no reason you couldn't sort by the location data just so you can group them together (ex. quickly see how many are from a specific state at a glance rather than having it spread out & not having a means to group them together from this view.)
2019-06-19 17:15:58 -05: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 Added state alongside city & other info, and made location info sortable for convenient grouping of data at a glance. 2019-06-19 17:15:58 -05: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.