Commit Graph

253 Commits

Author SHA1 Message Date
Albert Juhé Lluveras bfcc817240 Create EmptyTable component (https://github.com/woocommerce/woocommerce-admin/pull/605)
* Create EmptyTable component

* Update failing test

* Make EmptyTable a functional component

* Add EmptyTable to example.md
2018-10-20 13:16:53 +02: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 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
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
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
Joshua T Flowers d611817fc7 Change componentDidUnmount to componentWillUnmount (https://github.com/woocommerce/woocommerce-admin/pull/563) 2018-10-17 19:12:04 -04: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
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
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
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
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
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
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 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
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
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 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