Commit Graph

538 Commits

Author SHA1 Message Date
Allen Snook 9638b063a0 Add unit test for sanitize html 2018-10-19 14:21:54 -07:00
Allen Snook 95080bd68b Display an error to the user if inbox fetching fails 2018-10-19 14:21:54 -07:00
Allen Snook b0be112277 Add unit tests for notes store 2018-10-19 14:21:54 -07:00
Allen Snook bd8fd2c9ec No need to sort now - the store is ordering correctly 2018-10-19 14:21:54 -07:00
Allen Snook a7bbb4766d Correct typo in get path 2018-10-19 14:21:54 -07:00
Allen Snook 2dfc410079 Remove console logging 2018-10-19 14:21:54 -07:00
Allen Snook ad06cee25d Update notes store to include queries 2018-10-19 14:21:54 -07:00
Allen Snook 8622ee7fc4 Disable the activity buttons for now (REST API does not update yet) 2018-10-19 14:21:54 -07:00
Allen Snook 8378423077 Newest notes at the top, please 2018-10-19 14:21:54 -07:00
Allen Snook b8a83bf1e1 Allow selected tags through to the note content 2018-10-19 14:21:54 -07:00
Allen Snook 279be9e66e Add notes to redux, connect to inbox 2018-10-19 14:21:53 -07:00
Allen Snook 47575a9895 Begin adding notes store 2018-10-19 14:21:53 -07:00
Jonathan Belcher 3e92954438 Fixes React Live by pinning buble version (https://github.com/woocommerce/woocommerce-admin/pull/608)
This (sort of) pins buble to the last good version, 0.19.4. react-live uses a ^ version, which picked up the broken release during the renovate update sweep.
2018-10-19 16:36:02 -04:00
Jonathan Belcher 9d5e0dceb6 Temporary fix for dev docs while react-live is fixed (https://github.com/woocommerce/woocommerce-admin/pull/606)
* Temporary fix for dev docs while react-live is fixed

* Return null instead of th element
2018-10-19 14:06:49 -04:00
Albert Juhé Lluveras cf2152eafd IE11: fix table header misalignment. (https://github.com/woocommerce/woocommerce-admin/pull/603) 2018-10-19 17:40:28 +02:00
Albert Juhé Lluveras 508141b709 IE11: fix tooltip not correctly positioned in charts (https://github.com/woocommerce/woocommerce-admin/pull/602) 2018-10-19 17:39:14 +02:00
Jonathan Belcher 0828ea5258 Fixes number formatting on charts (https://github.com/woocommerce/woocommerce-admin/pull/529) 2018-10-19 09:23:47 -04:00
Paul Sealock b168f36cf2 Merge pull request woocommerce/woocommerce-admin#583 from woocommerce/fix/primary-secondary-typo
ChartData: fix typo in primary/secondary data
2018-10-19 11:17:09 +13:00
Paul Sealock 894105e601 ChartData: fix typo in primary/secondary data 2018-10-19 10:15:03 +13:00
Timmy Crawford d64fda9c54 Orders Report: Fix key prop warning. (https://github.com/woocommerce/woocommerce-admin/pull/580) 2018-10-18 13:45:59 -07:00
David Levin f74ae15b91 Update the order of orders report summary numbers (https://github.com/woocommerce/woocommerce-admin/pull/547)
* Update the order of orders report summary numbers

* Teamwork makes the dreamwork.
2018-10-18 13:45:36 -07:00
Paul Sealock 71b2435d96 Merge pull request woocommerce/woocommerce-admin#565 from woocommerce/try/fix-dry-queries-2nd-round
Reports: create queries for data requests in one place
2018-10-19 09:33:12 +13:00
Paul Sealock d4564853c6 Merge pull request woocommerce/woocommerce-admin#538 from woocommerce/add/filters-search
Add/filters search
2018-10-19 09:32:47 +13:00
Joshua T Flowers 0f5ab33ffe Update sorted column background color (https://github.com/woocommerce/woocommerce-admin/pull/571) 2018-10-18 14:45:06 -04:00
Joshua T Flowers 698d48a7b6 Update checkbox column styling (https://github.com/woocommerce/woocommerce-admin/pull/572)
* Add cellClassName option so we can pass class names to cells

* Add styling for checkbox columns
2018-10-18 14:24:31 -04:00
Jonathan Belcher 06163430a4 Add products report Chart and Summary (https://github.com/woocommerce/woocommerce-admin/pull/548)
* Add products report Chart and SUmmary

* Move items sold to primary position
2018-10-18 12:54:38 -04:00
Joshua T Flowers 4a6b48dd92 Change link focus color in table links (https://github.com/woocommerce/woocommerce-admin/pull/570) 2018-10-18 11:44:26 -04:00
Albert Juhé Lluveras e545ae4d22 Remove unnecessary opacity values from charts code (https://github.com/woocommerce/woocommerce-admin/pull/569) 2018-10-18 14:56:54 +02:00
Albert Juhé Lluveras 8cf34964e5 Align status indicator to the right in Orders table (https://github.com/woocommerce/woocommerce-admin/pull/539)
* Align status indicator to the right in Orders table

* Align 'Order' column to the right in Orders table
2018-10-18 12:43:45 +02:00
Paul Sealock f8e824b609 remove uneeded filters 2018-10-18 21:02:51 +13:00
Paul Sealock 615c369ac8 Table: add missing CSS bracket 2018-10-18 15:58:39 +13:00
Paul Sealock aa603eabab Filters: fix updates and configs 2018-10-18 12:48:24 +13:00
Paul Sealock 63c18fb51b tests 2018-10-18 12:24:36 +13:00
Joshua T Flowers d611817fc7 Change componentDidUnmount to componentWillUnmount (https://github.com/woocommerce/woocommerce-admin/pull/563) 2018-10-17 19:12:04 -04:00
Paul Sealock ecdebd8a51 jsDoc 2018-10-18 12:06:33 +13:00
Paul Sealock cf358f50fc Reports: create queries for data requests in one place 2018-10-18 12:02:31 +13:00
Joshua T Flowers 34d7944988 Modify table download button styling (https://github.com/woocommerce/woocommerce-admin/pull/560) 2018-10-17 19:01:57 -04:00
Joshua T Flowers 5deecbb6ba Add table shadow element to tables (https://github.com/woocommerce/woocommerce-admin/pull/546)
* Add table shadow element to tables

* Update table shadow bg color

* Remove redundant styles

* Remove unused ref

* Update shadow relative to container table body

Use the container body so we don't have to update the transform on scroll for the table shadow.  Prevents jankiness on low-end devices

* Move table shadow to pseudo element
2018-10-17 17:56:09 -04:00
Jonathan Belcher 74d8d431e4 Removes unwanted orders report filters (https://github.com/woocommerce/woocommerce-admin/pull/553) 2018-10-17 16:50:05 -04:00
Jonathan Belcher f6353591e3 Adds report error component (https://github.com/woocommerce/woocommerce-admin/pull/543)
* Adds report error component

* Add ReportError to chart and summary

* Review fixes
2018-10-17 14:56:50 -04:00
Robert Elliott 141179b154 Component - Chart: focus data points on hover with tooltip (https://github.com/woocommerce/woocommerce-admin/pull/468)
* focus data points on hover with tooltip

* Add new proprty to getdateSpaces test
2018-10-17 11:08:34 -07:00
Albert Juhé Lluveras 3982ebc32e Create appendTimestamp() utils function (https://github.com/woocommerce/woocommerce-admin/pull/542)
* appendTimestamp() utils function

* Make appendTimestamp() to throw and error if timeOfDay is not a valid value
2018-10-17 18:01:58 +02:00
Joshua T Flowers 206e0b5b7e Fix pagination alignment/451 (https://github.com/woocommerce/woocommerce-admin/pull/541)
* Fix pagination alignment centering and wrap on mobile

* Match input and button heights for pagination
2018-10-17 11:42:53 -04:00
Joshua T Flowers 85e6aad4a3 Reposition chevron icon for first column in tables (https://github.com/woocommerce/woocommerce-admin/pull/549) 2018-10-17 11:42:33 -04:00
Joshua T Flowers bb66708107 Change toggle background color to woocommerce purple (https://github.com/woocommerce/woocommerce-admin/pull/551) 2018-10-17 11:36:49 -04:00
Albert Juhé Lluveras 36c37afe49 Hide day from X axis when the time period is too long (https://github.com/woocommerce/woocommerce-admin/pull/525)
* Refactor getXTicks

* Hide day from X axis when the time period is too long

* Fix X axis labels misaligned in charts

* Align axis ticks to the first day of the month when not displaying the day number

* Store threshold in a variable

* Add missing JSDoc

* Fix charts hanging when the number of days selected was exactly 180

* Improve function naming

* Fix dayTicksThreshold mismatch between date format and chart layout
2018-10-17 15:44:43 +02:00
Timmy Crawford e8fe6bac83 Remove chart from dashboard. (https://github.com/woocommerce/woocommerce-admin/pull/544) 2018-10-16 18:20:24 -07:00
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
Paul Sealock a299aad167 Coupons: add config, autocompleter 2018-09-21 11:54:22 +12:00
Albert Juhé Lluveras a18a9cd89a Update tooltip title and labels in standard graphs (https://github.com/woocommerce/woocommerce-admin/pull/458)
* Allow adding a label for each specific point in a chart

* Update test fixtures

* Update README with new data format

* Simplify getPreviousDate function code

* Update tooltip dates format

* Add new prop to charts 'tooltipTitle' to override the date tooltip title

* Fix totals not being calculated in charts legend

* Fix JS error when hiding lines in chart

* Fix a couple of issues with chart README

* Add quotes around prop names

* Remove unused variable

* Remove colon after tooltip label
2018-09-20 16:28:22 +02:00
Albert Juhé Lluveras 18be372cad Increase contrast of the tooltip title color (https://github.com/woocommerce/woocommerce-admin/pull/460) 2018-09-20 16:21:21 +02:00
Albert Juhé Lluveras a877f45471 Change default date format for chart tooltips (https://github.com/woocommerce/woocommerce-admin/pull/459) 2018-09-20 16:21:03 +02:00
Paul Sealock a27134e1a6 Merge pull request woocommerce/woocommerce-admin#294 from woocommerce/fix/dropdown-resize
Datepicker: resize dropdown on tab switch
2018-09-20 06:38:03 +12:00
Timmy Crawford b13d0bd2ac Tracks: Record page views on route changes. (https://github.com/woocommerce/woocommerce-admin/pull/452)
* Tracks: Record page views on route changes.

* adjust regex.
2018-09-19 11:23:05 -07:00
Kelly Dwan 60f7c99753 Update label config to provide more specific labeling to each filter (https://github.com/woocommerce/woocommerce-admin/pull/432) 2018-09-19 13:23:57 -04:00
Kelly Dwan 1c6fe0e970 Compare Filter: Wrap up compare card functionality (https://github.com/woocommerce/woocommerce-admin/pull/431)
* Disable compare button if less than 2 items are selected

* Add a placeholder prop to the Search component

* Pass a placeholder label from filter configs for Search

* Add support for a label in Search

* Add Clear All link to reset comparison card

* Add a label when compare button is disabled

* Abstract the conditional tooltip/disabled button logic to a new component

* Add helpText as a customizable label

* Add icon to the search field

* Remove the parameter from query by passing in undefined
2018-09-19 13:16:52 -04:00
Albert Juhé Lluveras 5e87febf04 Chart Legend: Update checkbox styles to outline when unchecked (https://github.com/woocommerce/woocommerce-admin/pull/426)
Chart Legend: Update checkbox styles to outline when unchecked and add focus state
2018-09-19 16:41:13 +02:00
David Levin b487642a65 Merge pull request woocommerce/woocommerce-admin#435 from woocommerce/update/ellipsis-menu-item-padding
Minor padding tweaks to ellipsis menu items
2018-09-18 17:52:56 -07:00
Paul Sealock 2fbfd64525 check to make sure method exists 2018-09-19 10:19:19 +12:00
Paul Sealock cb85f4878f Merge pull request woocommerce/woocommerce-admin#425 from woocommerce/add/advanced-filters-match-param
Advanced Filters: add match param to url
2018-09-19 10:03:06 +12:00
Kelly Dwan cd58cc78ac Build: Update packages (https://github.com/woocommerce/woocommerce-admin/pull/434)
* Update packages to latest versions

* Update snapshot to match updated jest format

* Add missing packages

* Pin docsify-cli to GitHub commit with security fix

* Update engines settings

* Update packages

Again, some things are already out of date from last week

* Regenerate docs
2018-09-18 17:37:57 -04:00
David Levin 12398f9028 Minor padding tweaks to ellipsis menu items 2018-09-18 10:52:37 -07:00
Albert Juhé Lluveras d5657c879d Make buttons to switch between bar and line chart accessible (https://github.com/woocommerce/woocommerce-admin/pull/422)
* Make buttons to switch between bar and line chart accessible

* Use better ARIA roles for line/bar chart buttons
2018-09-18 16:53:55 +02:00
Albert Juhé Lluveras 9d5cd880dd Don't allow unselecting all items in chart legends (https://github.com/woocommerce/woocommerce-admin/pull/427)
* Don't allow unselecting all items in chart legends

* Add correct color to chart legend labels

* Add tests for chart legend enable/disable items logic
2018-09-18 16:53:30 +02:00
Kelly Dwan f2e0165d5f Component – Table: Add compare checkboxes (https://github.com/woocommerce/woocommerce-admin/pull/389)
* Switch to withInstanceId higher order component

* Add checkboxes to the rows in a TableCard, if a compareBy prop is set

* Add Compare button to update query param

* Populate the selected rows from the query parameter

* Update compare filter display & selected table rows when the query changes

* Skip displaying tags if the label is null/undefined

* Style table header with compare button, search placeholder

* Prevent setting just an ID list as the state, as this will wipe out already-fetched tag labels

* Update docs

* Shortcut out of fetching tag labels if the query is empty
2018-09-18 10:12:13 -04:00
Paul Sealock d0dc5f2f88 Advanced Filters: add match param to url 2018-09-18 14:15:41 +12:00
Kelly Dwan 7ecd6d160b Add mock product report, helper functions (https://github.com/woocommerce/woocommerce-admin/pull/387)
* Add a mock table to Products report

* Move onQueryChange to a helper function in nav-utils

* Add function to parse out ID lists from a query parameter

* Add a default value

Prevents undefined query params from erroring on the `.split`

* Use numberFormat rather than forcing type conversion, fix table header name

* Fix duplicate export caused by merge conflict
2018-09-17 12:50:20 -04:00
Timmy Crawford e541d4032f Tracks: Add basic util methods for tracks. (https://github.com/woocommerce/woocommerce-admin/pull/397) 2018-09-17 09:42:04 -07:00
Robert Elliott e79a4b9025 remove he package and rename uniqueDates to ticks 2018-09-17 11:07:11 +02:00
Robert Elliott ddc2645bef check if second x axis tick required 2018-09-14 10:49:07 -07:00
Robert Elliott ac8952d7ec Component - Chart: factorial spacing of x-axis ticks (https://github.com/woocommerce/woocommerce-admin/pull/398)
* remove circles on more than 50 x points

* x-axis interval spacing

* factorial spacing of x-axis ticks

* limit pipes too

* catch recursion infinity issue and add layout
2018-09-14 10:43:53 -07:00
Timmy Crawford 8eb0906287 Chart: Add styling needed to not be wrapped by card. (https://github.com/woocommerce/woocommerce-admin/pull/408)
* Chart: Add styling needed to not be wrapped by card.

* Add negative top margin back

* Fix placeholder css.
2018-09-14 09:17:39 -07:00
Albert Juhé Lluveras 70bb1d28c8 IE11: fix dates overlapping in Custom filter (https://github.com/woocommerce/woocommerce-admin/pull/411) 2018-09-14 17:35:04 +02:00
Timmy Crawford e4fd525cb4 Top Products: Display Product Name. (https://github.com/woocommerce/woocommerce-admin/pull/406)
* Top Products: Display Product Name.

* Fix tests.
2018-09-14 08:21:21 -07:00
Albert Juhé Lluveras 5669eb4b1a Make it possible to navigate charts with the keyboard (https://github.com/woocommerce/woocommerce-admin/pull/399)
* Hide tooltip when mouse leaves chart bars

* Allow focus on chart lines/bars and show tooltip

* Extract position calculation to a function

* Make columns focusable instead of individual points in line charts
2018-09-14 14:57:09 +02:00
Robert Elliott b5b84fe72c Merge pull request woocommerce/woocommerce-admin#393 from woocommerce/fix/rev-report-chart-date-parser
Revenue Report: align date formats for the chart
2018-09-14 12:37:16 +02:00
Robert Elliott a08cb0dd70 remove d 2018-09-14 11:57:50 +02:00
Robert Elliott 45089c1602 2nd x-axis format 2018-09-14 11:53:54 +02:00
Albert Juhé Lluveras b0c489bab1 IE11: avoid reviews date overlapping product name (https://github.com/woocommerce/woocommerce-admin/pull/400) 2018-09-14 09:19:36 +02:00
Paul Sealock b125c75eef Merge pull request woocommerce/woocommerce-admin#386 from woocommerce/add/advanced-filters-search-getLabels
Advanced Filters: Add api fetch for Search results
2018-09-14 11:17:59 +12:00
Paul Sealock 9629a46da1 update to latest GB changes 2018-09-14 11:16:19 +12:00
Paul Sealock 5a2ba2c9f2 Merge pull request woocommerce/woocommerce-admin#396 from woocommerce/fix/popover-positioning
Dropdown: fix positioning
2018-09-14 10:18:44 +12:00
Paul Sealock 842c23201e AdvancedFilters: Update Search usage to use 'getLabels' from config 2018-09-14 10:17:35 +12:00
Albert Juhé Lluveras 48ed6fa568 Make Top Selling Products table to have the same height in all states (https://github.com/woocommerce/woocommerce-admin/pull/394)
* Make table font-size accessible

* Make TopSellingProducts table load only five products

* Make empty message on TopSellingProducts table the same height than the table

* Update breaking test

* Use font-size mixin in table items/header
2018-09-13 11:05:26 +02:00
Paul Sealock 713dd242c7 Datepicker: resize dropdown on tab switch 2018-09-13 14:47:48 +12:00
Paul Sealock d5546e0858 Dropdown: fix positioning 2018-09-13 11:44:50 +12:00
Paul Sealock 361b6de834 Advanced Filters: Filter button improvements 2018-09-13 11:07:53 +12:00
Robert Elliott abe27333ae remove uncommented style 2018-09-12 15:24:45 +02:00
Albert Juhé Lluveras ac044b8720 Add empty state message to Top Selling Products card (https://github.com/woocommerce/woocommerce-admin/pull/365) 2018-09-12 14:09:53 +02:00
Robert Elliott b276750955 html encoder for currency symbols 2018-09-12 13:16:44 +02:00
Robert Elliott a7ed5f0c85 html encoder for currency symbols 2018-09-12 13:16:36 +02:00
Robert Elliott 29113cffe8 align date formats for the chart 2018-09-12 09:22:08 +02:00
Paul Sealock 925140fc78 Merge pull request woocommerce/woocommerce-admin#349 from woocommerce/add/advanced-filters-url-support
Advanced Filters: Add url support
2018-09-12 14:31:13 +12:00
Justin Shreve baf44d030f Add interval handling to the revenue report. 2018-09-12 12:28:25 +12:00
Kelly Dwan ed1b847067 Fix Gutenberg 3.7 compatibility: Remove APIProvider (https://github.com/woocommerce/woocommerce-admin/pull/390)
* Remove APIProvider

Unused in the project, and deprecated in gutenberg

* Remove wp-api dependency
2018-09-11 15:48:43 -04:00
Robert Elliott 4d155cd015 line and bar icon buttons 2018-09-11 13:10:36 +02:00
Albert Juhé Lluveras ae8739d63f Add required polyfills so react-dates works in Internet Explorer 11 (https://github.com/woocommerce/woocommerce-admin/pull/356)
react-dates developers recommend using airbnb-browser-shims, but doing some
testing I found loading the required polyfills individually instead of the
entire Airbnb Browser Shims package produces smaller builds.
2018-09-11 09:28:50 +02:00
Albert Juhé Lluveras 8932f99038 Add fallback gutter for browsers that don't support CSS Custom properties (https://github.com/woocommerce/woocommerce-admin/pull/372) 2018-09-11 09:27:13 +02:00
Paul Sealock 3e7bed27cc Search: move selected from state to props 2018-09-11 16:18:10 +12:00
Robert Elliott e38284eb96 Merge pull request woocommerce/woocommerce-admin#381 from woocommerce/add/chart-legend-order
Chart Component: remove chart legend ordering for layout=standard and color scales
2018-09-10 16:04:36 +02:00
Robert Elliott 65f9b7540b Merge pull request woocommerce/woocommerce-admin#380 from woocommerce/add/chart-legend-layout
Chart Component: standard vs comparison legend layout
2018-09-10 16:03:01 +02:00
Robert Elliott 4242a64f30 add smallcolorscale fractions for chromatic scaled colors 2018-09-10 15:59:14 +02:00
Kelly Dwan eee638b12b Component – Filters: Add "comparison" card (https://github.com/woocommerce/woocommerce-admin/pull/368)
* Add a new component with product search for the compare card

* Get product names from API when passed through URL

* Abstract out the products-related code into filter settings

* Update filters to provide multiple comparisons

Alternative to the “Compare [dropdown]” approach

* Update documentation

* Wipe selected items when the compare-type is updated

* Update labels & order of items in filter dropdown

* Add getLabels prop & description
2018-09-10 09:59:14 -04:00
Robert Elliott 3fdd9164c8 only sort on totals for layout=comparison & add dateParser prop for date formatting 2018-09-10 14:57:36 +02:00
Robert Elliott bf6a647c79 standard vs comparison legend layout 2018-09-10 13:32:13 +02:00
Kelly Dwan cbce093df1 Add “product category” autocompleter (https://github.com/woocommerce/woocommerce-admin/pull/367) 2018-09-07 15:39:04 -04:00
Albert Juhé Lluveras 069fcb7fe6 IE11: fix Card layout broken because it was using CSS grid (https://github.com/woocommerce/woocommerce-admin/pull/370) 2018-09-07 17:52:51 +02:00
Robert Elliott 74514a2b48 Merge pull request woocommerce/woocommerce-admin#350 from woocommerce/fix/chart-design-feedback
Merging this.

@LevinMedia please continue to post additional issues or comments on the master thread woocommerce/woocommerce-admin#164
2018-09-07 14:54:58 +02:00
Robert Elliott 91a8a9eec3 improve jsdoc and remove Math.round() 2018-09-07 14:48:07 +02:00
Robert Elliott 1ed72ede25 colour -> color 2018-09-07 14:45:29 +02:00
Robert Elliott 8829498466 set d3 local and update number format 2018-09-07 14:39:35 +02:00
Robert Elliott 9e4062c51f set d3 local and update number format 2018-09-07 14:39:31 +02:00
Robert Elliott 90cb4ba6c8 fix vertical line on hover 2018-09-07 12:41:40 +02:00
Robert Elliott a8449b08c0 left align y-axis text 2018-09-07 12:28:02 +02:00
Albert Juhé Lluveras f12f431a2b Fix Date filters grid not displaying correctly in IE11 (https://github.com/woocommerce/woocommerce-admin/pull/366) 2018-09-07 11:43:52 +02:00
Robert Elliott 233c7755f7 hover confusion 2018-09-07 11:21:52 +02:00
Robert Elliott 58efdd90c0 massaging y ticks and updating tests 2018-09-06 18:21:33 +02:00
Robert Elliott 709e5a2896 header legend hover styling 2018-09-06 18:21:33 +02:00
Robert Elliott 7dd2883f56 tooltip formatting 2018-09-06 18:21:31 +02:00
Robert Elliott 93aae38b8a pipes, months, formatting 2018-09-06 18:15:08 +02:00
Robert Elliott c11da940e2 if legend item unchecked no hover status
modified:   client/components/chart/legend.js
	modified:   client/components/chart/style.scss
	modified:   package-lock.json
2018-09-06 18:15:08 +02:00
Robert Elliott 2df9b05b5f Merge pull request woocommerce/woocommerce-admin#360 from woocommerce/add/chart-intervals
Chart Component: Add/chart intervals
2018-09-06 18:10:37 +02:00
Robert Elliott 0f66375b88 updated from feedback 2018-09-06 17:58:24 +02:00
Albert Juhé Lluveras 090ecf3a8a IE11: fix CSS grid in Summary (https://github.com/woocommerce/woocommerce-admin/pull/353)
* Fix Summary values not visible with IE11

* Fix Summary grid for IE11

* Move grid position mixin to _mixins file, so it can be used for other elements

* Remove set-grid-positions mixin and improve code understandability
2018-09-06 17:11:34 +02:00
Robert Elliott fddeb2502c exmple-hour update 2018-09-06 11:40:29 +02:00
Robert Elliott 0ad4b9a312 updated tests with latest date format 2018-09-06 11:12:03 +02:00
Robert Elliott b73f2ba47d updated README 2018-09-05 23:22:34 +02:00
Robert Elliott 964a43b674 x, y and tooltip formatting 2018-09-05 23:02:13 +02:00
Justin Shreve 251d9804ef Remove test code/examples and disable the inbox activity panel. (https://github.com/woocommerce/woocommerce-admin/pull/355)
* Remove test code/examples and disable the inbox activity panel.

* Remove search example
2018-09-05 14:52:48 -04:00
Justin Shreve 898a82ca1d Fix wp-admin navigation active state (https://github.com/woocommerce/woocommerce-admin/pull/352) 2018-09-05 14:37:26 -04:00
Justin Shreve f5479e1c18 Add loading indicators, error state, and EmptyContent to the revenue report. (#347, woocommerce/woocommerce-admin#348)
* Add loading indiciators for the revenue report.

* Improve accessibility, and fix up some documentation comments.

* Fix top border on mobile

* Add EmptyContent Component and revenue error/empty states. (https://github.com/woocommerce/woocommerce-admin/pull/348)

* Add EmptyContent Component and revenue error/empty states.

* Move relative image handling to ImageAsset, combine secondary and primary action rendering, add some missing isRequired proptypes, add empty error handling.

* Handle PR Feedback: Clean up button css, set a default for illustration, fix deprecation typo, some code cleanup.
2018-09-05 12:45:49 -04:00
Albert Juhé Lluveras 9183756a70 Fix TopSellingProducts table not correctly loading data (https://github.com/woocommerce/woocommerce-admin/pull/351)
Update TopSellingProducts table API connection to correctly work
with the new selectors response format introduced in woocommerce/woocommerce-admin#316.
2018-09-04 16:10:07 +02:00
Paul Sealock ab97ed02c7 Search: move selected from state to props 2018-09-04 12:02:40 +12:00
Justin Shreve 4e2661f3f1 Connect the revenue report to the api (https://github.com/woocommerce/woocommerce-admin/pull/316) 2018-09-03 11:25:38 -04:00
Albert Juhé Lluveras e94ae40d4d Use native Array.isArray() instead of lodash function (https://github.com/woocommerce/woocommerce-admin/pull/346) 2018-09-03 17:09:09 +02:00
Albert Juhé Lluveras 71171ec80b IE11: fix Acitvity Panel tab icons missing and wrong alignment (https://github.com/woocommerce/woocommerce-admin/pull/345) 2018-09-03 17:08:19 +02:00
Albert Juhé Lluveras da2317f154 Add CSV download to Revenue table (https://github.com/woocommerce/woocommerce-admin/pull/326)
* Add CSV download to Revenue table

* Set revelant file name for revenue CSV file download

* Add package-lock.json

* Move CSV download logic inside /lib/

* Remove 'totals' from table CSV

* Check parameters are arrays in generateCSVDataFromTable

* Add @TODO comment about downloading large sets of data
2018-09-03 09:54:45 +02:00
Kelly Dwan d36511479e Docs Project: Add documentation parser + inline documentation (https://github.com/woocommerce/woocommerce-admin/pull/336)
* Switch all components to default exports

This ensures we can read all components for documentation generation (plus, standardizing is good)

* Add documentation to component file

* Fix table exports

* Move readme docs into inline docs

Includes updating new props, adding prop shapes

* Add doc-generation scripts to pull exported component docs into folder

* Remove key propType, causing react special-keys warning

* Fix proptype

* Update incorrect comment

* Remove template import, we can just use string concat

* Fix typo, update docs
2018-08-31 13:27:21 -04:00
Kelly Dwan 7711da472a Docs Project: Component cleanup (https://github.com/woocommerce/woocommerce-admin/pull/334)
* Validate component with helper function

Fixes compat issue with react-docgen

* Switch all components to default exports

This ensures we can read all components for documentation generation (plus, standardizing is good)

* inValidDays -> invalidDays

Invalid is a single word, so by capitalization rules the V should be lowercase

* Export child-components of Chart

* Fix table exports
2018-08-31 13:19:13 -04:00
David Levin 4ee6becb6d Merge pull request woocommerce/woocommerce-admin#335 from woocommerce/update/mobile-card-styles
Update Card Component Styles on Mobile
2018-08-31 07:55:35 -07:00
Albert Juhé Lluveras 3dcb1339b3 Create TablePlaceholder component to be used when table contents are loading (https://github.com/woocommerce/woocommerce-admin/pull/338) 2018-08-31 16:43:25 +02:00
David Levin 808c49fd4e Merge pull request woocommerce/woocommerce-admin#332 from woocommerce/update/319-datepicker-design-details
updating datepicker styles
2018-08-30 16:33:07 -07:00
David Levin ea672cdedb update mobile card styles 2018-08-30 16:02:12 -07:00
Paul Sealock 89f5057d58 Hide react-dates container 1px 2018-08-31 09:53:25 +12:00
Paul Sealock dea96a02c5 Merge pull request woocommerce/woocommerce-admin#325 from woocommerce/fix/popover-in-popover
DatePicker: Fix Error message positioning on non-mobile widths
2018-08-31 09:30:40 +12:00
Paul Sealock 4580fc453e Merge pull request woocommerce/woocommerce-admin#324 from woocommerce/fix/invalid-date-error-msg
DaptePicker: fix erorr message popover
2018-08-31 09:29:23 +12:00
Paul Sealock 431caff91f Datepicker: change Reset btn to default style 2018-08-30 11:07:34 +12:00
Paul Sealock f48fdd2dea Segmented-selection: remove focus outline in favor of inset box-shadow 2018-08-30 08:21:59 +12:00
David Levin a44d94c7d5 updating datepicker styles 2018-08-29 09:11:35 -07:00
Albert Juhé Lluveras 52a0a9690c Connect TopSellingProducts with the API (https://github.com/woocommerce/woocommerce-admin/pull/323)
* Connect Top Selling Products table to the API

* Add tests to TopSellingProducts

* Prepare TopSellingProducts component to render loading/error messages
2018-08-29 17:55:56 +02:00
Paul Sealock f6ca6ad366 uncomment code 2018-08-29 16:05:01 +12:00