Report Ready Notification Block for React

Edit PERIODS: each period has its days, a label and three measures, each with its value, decimals, prefix, suffix, signed change and the unit the change is in (percent, or points for a rate). The dates come from the page's fixed AS_OF, ending on it, so the range reads the same everywhere. The figures are made up; revenue is shown in thousands.

Printing calls the browser's print dialog, which prints the whole page and not the panel, so this set leaves it out of every notification. The honest file here is the CSV summary: three rows with the measure, its value and its change, named for the period. If you want a PDF, render it on your server and point the link at it.

Everything. The select, the numbers and the file are state and strings in this page, "View report" only says in the status line what it would open, and nothing is fetched or sent. In your app give View report the report's real address and fetch each period's measures when the select changes.

The arrow points up when the change is above zero and down when it is below, with the sign and the unit in text beside it ("-0.3 pts"). Churn going down is good news and revenue going down is not, so the arrow shows direction only and carries no colour; the status line spells out each change in words, such as "churn down 0.3 pts".

The select is named "Report period", the three measures are a description list, and a polite status line says what the period now shows. The rolling digits are read as one number. Figures and signed changes keep their left-to-right order inside a right-to-left page, and the arrows do not mirror because they show a trend and not a direction of reading.