Commit Graph

341 Commits

Author SHA1 Message Date
Jonathan Belcher 69a47f0019 Use analytics summary and graph components in revenue report (https://github.com/woocommerce/woocommerce-admin/pull/523) 2018-10-16 13:42:13 -04:00
Jonathan Belcher 386933a182 Refactors out summary and graph (https://github.com/woocommerce/woocommerce-admin/pull/517)
* Refactors out summary and chart
2018-10-16 12:07:43 -04:00
Albert Juhé Lluveras ae6652b26c Send params with Orders table API calls (https://github.com/woocommerce/woocommerce-admin/pull/519)
* Send params with Orders table API calls

* Add onError case and caching for Orders calls

* Remove unused actions

* Load only 'processing', 'on-hold' and 'completed' orders

* Use NAMESPACE constant instead of hard-coded value

* Comment typos

* Add tests to Orders reducer, resolvers and selectors

* Typos

* Fix JSDoc mismatch
2018-10-16 10:50:07 +02:00
Paul Sealock 76bf741fc9 Advanced Filters: update README 2018-10-16 11:03:17 +13:00
Paul Sealock 4bc8c82820 Merge pull request woocommerce/woocommerce-admin#457 from woocommerce/fix/advanced-filters-i18n
i18n: Advanced Filters strings
2018-10-16 10:54:45 +13:00
Albert Juhé Lluveras 8120cc7d6a Rename 'mock-data' files so they don't have the same file name (https://github.com/woocommerce/woocommerce-admin/pull/522) 2018-10-15 19:06:37 +02:00
Paul Sealock e6084e2af9 Merge pull request woocommerce/woocommerce-admin#501 from woocommerce/fix/tabpanel-current-tab
DatePicker: update selected tab to reflect update to TabPanel component
2018-10-15 21:34:31 +13:00
Paul Sealock ea6f14e7ba Tag: use label in removeLabel 2018-10-15 15:15:32 +13:00
Albert Juhé Lluveras 17e9f151be Create ViewMoreList component (https://github.com/woocommerce/woocommerce-admin/pull/503)
* Create ViewMoreList component

* Update Tag component with the new style and popover

* Display number of times an item was bought in the Orders table (2x, 1x, ...)

* Refactor ViewMoreList so the elements to display in the list and the popover are different props

* Cleanup

* Fix CSV values for products and coupons

* Minor fixes

* Rename ViewMoreList prop from 'popoverItems' to 'items'

* Cleanup props

* Add ViewMoreList to devdocs examples

* Order Tag props alphabetically

* Move withState to export line so it doesn't break docs generation

* Rename 'is-not-unique' class name to 'is-inline'

* Fix missing comma

* Remove margin from popover list

* Use pseudo-selector to replace 'is-inline' class in cell links
2018-10-12 23:29:25 +02:00
David Levin b64fc4f0a1 Fix y-axis ticks 2018-10-12 13:39:38 -07:00
David Levin 564e4cfd66 change reverse line chart zindex and remove decinmals from yaxis ticks 2018-10-12 09:08:57 -07:00
Jonathan Belcher 96f2024305 Round average orders in order summary (https://github.com/woocommerce/woocommerce-admin/pull/515) 2018-10-12 11:02:58 -04:00
Jonathan Belcher e93fed650e Merge pull request woocommerce/woocommerce-admin#504 from woocommerce/add/410-order-summary-numbers
Adds Orders Summary and Orders Graph
2018-10-12 10:18:56 -04:00
Paul Sealock 178135eea5 i18n: Advanced Filters strings 2018-10-12 16:58:35 +13:00
Paul Sealock 76eb49125e Search: Add inline tags 2018-10-12 11:34:08 +13:00
Kelly Dwan cea79c3b96 Update variable name 2018-10-11 15:43:56 -04:00
Kelly Dwan 6df6594ee1 DatePicker: update selected tab code to reflect update to TabPanel component 2018-10-11 15:32:02 -04:00
Jonathan Belcher da8ad49762 Re-add Render Table 2018-10-11 15:30:43 -04:00
Jonathan Belcher 27fa0bfc85 Follow new summary numbers pattern 2018-10-11 15:27:29 -04:00
Jonathan Belcher e3224a5abb Merge branch 'master' into add/410-order-summary-numbers 2018-10-11 14:45:35 -04:00
Justin Shreve c340a808a7 Break out summary number logic from chart/table (https://github.com/woocommerce/woocommerce-admin/pull/510) 2018-10-11 14:45:01 -04:00
Kelly Dwan 3d297a8f5c Reports: Update summary number label based on selected compare interval (https://github.com/woocommerce/woocommerce-admin/pull/506) 2018-10-11 13:46:56 -04:00
Jonathan Belcher f8468ddcf4 Merge pull request woocommerce/woocommerce-admin#497 from woocommerce/update/refactor-out-jquery
Refactors code to vanilla js and removes jQuery
2018-10-11 13:19:55 -04:00
Jonathan Belcher 26300fb953 Adds graphs 2018-10-11 13:07:59 -04:00
Jonathan Belcher aa56621ab8 Get Order Summary working with API 2018-10-11 12:00:06 -04:00
Jonathan Belcher 0a562e6e37 Merge Commit 2018-10-11 11:43:25 -04:00
Albert Juhé Lluveras 9623898acd Add Orders table (https://github.com/woocommerce/woocommerce-admin/pull/493)
* Create Orders table

* Remove getOrderIds selector

* Create an OrdersReportTable component

* Alphabetically order extracted props

* Fix JS error for missing coupon properties

* Add TODO comment for missing customer type

* Add calculation for net revenue

* Align all table cells but identifier to the right

* Remove temporary text

* Improve cell link inline CSS

* Count several purchases of the same product as items sold

* Add TODO message to coupon link

* Add Download to Orders table

* Don't use camelCase for table column keys

* Cleanup

* Make products and coupons columns non-sortable

* Create renderList method to simplify products/coupons list creation

* Display correct currency for each order

* RTL table fixes

* Fix: products and coupons columns showing 'false' in CSV download

* Minor fixes

* Rename 'isIdentifier' with 'isLeftAligned' in table columns

* Remove toggleStatus method
2018-10-11 10:30:51 +02:00
Jonathan Belcher 8ee2a58fb3 Adds Order Summary Numbers 2018-10-10 16:29:12 -04:00
Jonathan Belcher 3d1fc63373 Merge pull request woocommerce/woocommerce-admin#499 from woocommerce/fix/407-focus-state
Fixes focus state on DatePicker to match Gutenberg
2018-10-10 16:22:39 -04:00
Jonathan Belcher 3939bc7eb1 Move colours to colour stylesheet 2018-10-10 14:06:13 -04:00
Jonathan Belcher 9d337ce8e0 Add all instances of menu to toggle current state. 2018-10-10 12:06:32 -04:00
Kelly Dwan dc5967197d Add a default value to `labels` (https://github.com/woocommerce/woocommerce-admin/pull/500)
Fixes an error where labels is undefined if nothing is passed through
2018-10-10 10:59:22 -04:00
Jonathan Belcher baead063c6 Fixes focus state on DatePicker to match Gutenberg 2018-10-10 10:48:37 -04:00
Jonathan Belcher a947d304dc Reafctors code to vanila js and removes jQuery 2018-10-10 10:24:57 -04:00
Kelly Dwan 1351997eef TableCard: Add search to table header (https://github.com/woocommerce/woocommerce-admin/pull/495)
* Add label override options to TableCard

* Add search input to the tableHeader

* Style search in table header
2018-10-10 10:12:00 -04:00
Justin Shreve 5a6749b15c Make tabular data independent of chart interval (https://github.com/woocommerce/woocommerce-admin/pull/483)
* Make Tabular data independent of Chart Interval

* Make table and summary numbers placeholders independent of chart
2018-10-10 09:57:16 -04:00
David Levin aeac3a2e30 Update chart interval select alignment 2018-09-26 15:15:16 -07:00
Kelly Dwan 468bde5147 Components – Search: Pass through aria label props (https://github.com/woocommerce/woocommerce-admin/pull/484)
* Pass aria label props through to search input

* Update the search example in devdocs
2018-09-26 13:13:28 -04:00
Albert Juhé Lluveras 3e3dbad408 Update chart header layout according to design (https://github.com/woocommerce/woocommerce-admin/pull/476)
* Update chart header layout according to design

* Add RTL support
2018-09-26 14:17:45 +02:00
Albert Juhé Lluveras 80449c6c57 Make tooltip position be relative to the hovered elements instead of the mouse (https://github.com/woocommerce/woocommerce-admin/pull/471)
* Make tooltip position be relative to the hovered elements instead of the mouse

* Set tooltip margin to 24px to match CSS 'gap-large'

* When focusing a bar with value 0, set the target node to its parent so the tooltip is displayed next to it

* Make sure 'mouseout' event is not triggered when hover the tooltip box

* Make sure the tooltip is never rendered too much to the left/top of the chart

* Get the size of the tooltip box from the DOM when it's available

* Minor fixes
2018-09-26 14:17:29 +02:00
Albert Juhé Lluveras 5649b6b1e2 Use 'H' component for chart header (https://github.com/woocommerce/woocommerce-admin/pull/480)
* Use 'H' component for chart header

* Set 'Section' component below the 'H'
2018-09-26 09:20:29 +02:00
Albert Juhé Lluveras 29cfde2ddd Fix activity panel tabs misaligned in Chrome and Safari (https://github.com/woocommerce/woocommerce-admin/pull/478) 2018-09-25 22:34:30 +02:00
Albert Juhé Lluveras 0088581fcb Fix: chart legend was not visible at 1340px width (https://github.com/woocommerce/woocommerce-admin/pull/472) 2018-09-25 20:19:32 +02:00
Albert Juhé Lluveras 1900bb0917 Improve charts accessibility (https://github.com/woocommerce/woocommerce-admin/pull/421)
* Add aria roles to chart elements

* Make individual points (in line charts) and individual bar (in bar charts) focusable

* Remove methods which are never used

* Reduce the number of parameters required by functions that display/hide the tooltip

* Use tooltipFormat for accessibility dates

* Rename 'formatVoiceDate' function to 'getTooltipDate'

* Use string literals for aria-label

* Remove table role which was no longer needed

* Add aria-hidden to X-axis in charts

* Remove 'key' from points/bar aria-label in charts

* Set different ARIA properties depending on chart mode (time or item comparison)

* Label should default to an empty string instead of a 0

* Use date format from params instead of hardcoded
2018-09-25 11:42:08 +02:00
Paul Sealock 58195911a7 AdvancedFilters: Add request for orders statuses 2018-09-25 11:39:47 +12:00
Kelly Dwan 62276fb361 Add visual component docs from markdown examples (https://github.com/woocommerce/woocommerce-admin/pull/470)
* Remove content from README, leaving only the example

* Rename edited READMEs

* Add a devdocs page rendering from markdown example files

* Add more components to devdocs

* Add the rest of the component examples

* Add navigation to single components, show generated readme on single component view

* Style devdocs like calypso

* Split devdocs into two columns at “desktop” sizes

* Update segmented selection example

* Update link

* Add header to avoid notices error
2018-09-24 11:36:35 -04:00
Kelly Dwan f5dd2559db Documentation: Move topic READMEs into docs for discoverability (https://github.com/woocommerce/woocommerce-admin/pull/469)
* Move header/row documentation into the component, so it can be rendered in the external docs

* Move project READMEs into docs folder for exposure in docs site

* Regenerate docs, generate component folder sidebar with component list

* Update format of CSS docs
2018-09-24 11:22:14 -04:00
Albert Juhé Lluveras 31289e8c82 Transpose and update format of chart tooltip dates (https://github.com/woocommerce/woocommerce-admin/pull/467)
* Fix dates transposed in revenue chart

* Update date format in revenue chart tooltip labels

* Load point label date formats from lib/date

* Pass point label format as a prop to the chart component
2018-09-24 13:11:18 +02:00
Kelly Dwan 6d2eec1c12 Update `layout/*` file structure (https://github.com/woocommerce/woocommerce-admin/pull/463)
* Move section, header, and activity panel out of layout folder

* Update file soures

* Move documentation into component, and update generation script to handle the duplicated exports
2018-09-21 11:19:05 -04:00
Albert Juhé Lluveras ccde0effe2 Remove opacity property from chart tooltip title styles (https://github.com/woocommerce/woocommerce-admin/pull/466) 2018-09-21 17:03:06 +02:00