Commit Graph

26 Commits

Author SHA1 Message Date
Kelly Dwan c29043a3bc Switch to using `@wordpress/viewport` for responsive screen layouts (https://github.com/woocommerce/woocommerce-admin/pull/761)
* Switch to Gutenberg viewport package

* Switch CSS breakpoints to core-supported values

* Fix double-calendar logic
2018-11-02 15:20:11 -04:00
Jonathan Belcher b16c056c32 Makes stylelint config match prettier settings (https://github.com/woocommerce/woocommerce-admin/pull/733)
* Makes stylelint config match prettier settings

* Fix/all css lints (https://github.com/woocommerce/woocommerce-admin/pull/734)

* Fix all sass lints!

* Delete settings.json

* Update newline rule, which also conflicts with prettier

* Fix remaining stylelint issues

* Disable stylelint rule for a line to avoid prettier/linter fights
2018-11-01 17:03:00 -04:00
Albert Juhé Lluveras 33f93def37 Fix table header in IE11 (https://github.com/woocommerce/woocommerce-admin/pull/752) 2018-11-01 18:15:36 +01:00
Joshua T Flowers 0f45a08f20 Update order summary in Orders report (https://github.com/woocommerce/woocommerce-admin/pull/613)
* Move TableSummary below pagination

* Add summary to order table

* Add new and returning customers

* Add product to totals in API

* Use get_var instead of get_results for unique products

* Change table summary styling

Remove slashes and increase padding between items based on discussion with @LevinMedia

Change margin to padding to overlap table shadow when pagination is not present.

* Fix wp_posts prefix and move to separate fxn

* Change new/returning customer column types to intval

* Add new/returning customer data to tests and fix formatting
2018-10-31 14:09:38 -05:00
Jonathan Belcher 43cccb49b7 Adds Section Header component (https://github.com/woocommerce/woocommerce-admin/pull/689)
* Adds Section Header component

* Return Card header to previous state

* Restore card header

* Fix weird format comment in markdown

* PR review comment fixes

* Add snapshot to test

* Add role to hr to remove from screen readers

* Code review fixes
2018-10-30 22:07:16 -04:00
Jonathan Belcher 3446c0814b Stylint autofixes (https://github.com/woocommerce/woocommerce-admin/pull/729) 2018-10-30 09:17:17 -04:00
Albert Juhé Lluveras ec0e49ec10 Update tabular data header design (https://github.com/woocommerce/woocommerce-admin/pull/698) 2018-10-27 13:22:24 +02:00
Jonathan Belcher fa73712433 Fixes hover background on first column in tables (https://github.com/woocommerce/woocommerce-admin/pull/706) 2018-10-26 13:59:38 -04:00
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
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
Paul Sealock 615c369ac8 Table: add missing CSS bracket 2018-10-18 15:58:39 +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
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
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
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
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
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
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
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
Kelly Dwan ff8217165d Table: Update style to match design (https://github.com/woocommerce/woocommerce-admin/pull/289)
* Table: Add a hover state for rows

* Expand target area for table links to take over entire cell

* Add a purple link style for default links

* Increase contrast for links-on-hover-color

* Add “isNumeric” column identifier & right-align these cols
2018-08-13 11:25:32 -04:00
Kelly Dwan 8141a9f66d Update/table component (https://github.com/woocommerce/woocommerce-admin/pull/251)
* Update mock data to reflect latest API format

* Update Table component to create a TableCard, TableSummary, and plain Table

Use the TableCard container to display mocked revenue data

* Add horizontal scroll only on the table itself

* Remove `sortable` prop, base column sortability on whether the `value` is true/false

Checking against a strict false should prevent any real 0 or ‘’ values from triggering unsortability

* Add a checkbox to the demo table

* Update accepted props

* Update README for TableCard, Table, and TableSummary

* Update README

* Fix confused defaults
2018-08-01 12:00:45 -04:00
Kelly Dwan b1c2b3fdc4 Add Table component (https://github.com/woocommerce/woocommerce-admin/pull/118)
* Update package-lock

* Add data table component

* Add fake data & display revenue on the analytics test report

* Update styling

* Display table inside a card

* Update mock data to be easier to scan for testing ascending/descending

* Fix sorting function to correctly sort all columns

* Check column content before determining “sortability” — objects (links) are not sortable

* Update README

* Add translation to scroll helper text
2018-06-20 11:09:37 -04:00