Commit Graph

72 Commits

Author SHA1 Message Date
Albert Juhé Lluveras 03e17d372b Add new props to chart component (https://github.com/woocommerce/woocommerce-admin/pull/1247)
* Add different props to chart component that were inferred from 'mode'

* Add new chart props to packages CHANGELOG
2019-01-08 10:21:47 +01:00
Joshua T Flowers ef6d7ec4cb Add leaderboard section (https://github.com/woocommerce/woocommerce-admin/pull/1234)
* Add leaderboard section to dashboard

* Add rows per table user preference

* Pass in rowsPerTable to leaderboards to adjust total rows

* Add styling for rows select dropdown

* Set default for total rows if tableQuery is undefined

* Remove double localization on leaderboard labels

* Simplify toggle logic for hidden leaderboards

* Move updateCurrentUserData outside of setState callback
2019-01-08 15:20:01 +08:00
Joshua T Flowers 9fef5d4f5d Add dashboard chart links to reports (https://github.com/woocommerce/woocommerce-admin/pull/1236)
* Add dashboard chart links to reports

* Remove extra css background property from screen reader text

* Remove elements from previous click handler attempt

* Concat translation strings with sprintf

* Change chart hover interactions

* Move i18n to external dependencies

* Make legend buttons match background on hover
2019-01-08 14:48:39 +08:00
Joshua T Flowers e067da06be Add dashboard chart user preferences (https://github.com/woocommerce/woocommerce-admin/pull/1225)
* Add user preferences for shown dashboard charts

* Add user preferences for dashboard chart type

* Check if user preferences are set before assigning to state

* Move API update methods out of callbacks and use xor
2019-01-08 09:49:11 +08:00
Joshua T Flowers 28c0d292a8 Update dashboard charts on query change (https://github.com/woocommerce/woocommerce-admin/pull/1209)
* Update dashboard charts on query change

* Remove state derived props
2019-01-03 10:51:45 +08:00
Timmy Crawford 78ca63a72d Dashboard: Add Leaderboard Component (https://github.com/woocommerce/woocommerce-admin/pull/1198)
* Create Leaderboard component. Update Top Selling Products to use it.

* Use date picker values in Top Selling Products.

* Convert top selling products tests into leaderboard tests

* Updates per feedback.

* Skipping failing test for now.
2018-12-31 14:42:46 +08:00
Joshua T Flowers 2d5e592a10 Update chart button active state for dashboard charts (https://github.com/woocommerce/woocommerce-admin/pull/1202)
* Update chart button active state for dashboard charts

* Add default active state when no query is present
2018-12-28 09:59:05 -08:00
Joshua T Flowers 7cf9e293e1 Fix margin on dashboard block charts (https://github.com/woocommerce/woocommerce-admin/pull/1165) 2018-12-25 11:02:23 +08:00
Robert Elliott ebd857cefa Add/chart dashboard block (https://github.com/woocommerce/woocommerce-admin/pull/1002)
* added new block and dashboard charts

section title and filters... lots of duplicate keys

toggle chart types in block heading

* Updates per feedback.

* Add some documentaiton about new interactive prop on chart/legend

* Revert a few files that only had whitespace changes.
2018-12-21 16:24:26 -08:00
Joshua T Flowers 08d3e2c38d Change product_gross_revenue to product_net_revenue (https://github.com/woocommerce/woocommerce-admin/pull/1105)
* Change product_gross_revenue to product_net_revenue

* Change product_gross_revenue to product_net_revenue in category data store

* Change to net_revenue in frontend category report
2018-12-19 08:56:27 +08:00
Timmy Crawford 3c2cdc4322 Fix error on dashboard. (https://github.com/woocommerce/woocommerce-admin/pull/1121)
* Fix error on dashboard.

* Revert changes from woocommerce/woocommerce-admin#1101
2018-12-18 11:32:25 -08:00
Albert Juhé Lluveras 501842a421 Rename 'isError' methods to 'getError' when they return an object instead of a boolean 2018-12-15 13:38:54 +01:00
Paul Sealock bf0e025b05 REST API: isolate extened info in /reports/products 2018-12-04 13:01:36 +13:00
Kelly Dwan d27cb26ef7 Build: Move `lib/nav-utils` and `lib/history` to `@woocommerce/navigation` (https://github.com/woocommerce/woocommerce-admin/pull/763)
* Move nav-utils and history to new package

* Update config to build and use new navigation package

* Update all imports to use new navigation package

* Remove unnecessary README

* Update nav-utils path
2018-11-05 16:02:04 -05:00
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
Albert Juhé Lluveras c4bb740f1f Add error message to Top Selling Products table (https://github.com/woocommerce/woocommerce-admin/pull/750)
* Add error message to Top Selling Products

* Add margin bottom to Top Selling Products error message
2018-11-01 18:15:53 +01: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
Kelly Dwan f62537fc17 Try: Add Lerna to split out utility packages (https://github.com/woocommerce/woocommerce-admin/pull/678)
* Add lerna & GB package-building script

* Move currency library to lerna module

* Update lerna config

* Add publish commands

* Add currency as an faux-external module

* Add separate command to build just core files

* Update dependency path

* Update build script to build all packages into `dist`

* Add packages to the jest test setup

* Move date library to packages

* Update imports to use @woocommerce/date

* Output wcSettings definition before any scripts are output

Fixes issues where wc-dates lib relies on settings object

* Add the build step into travis

* Update jest config to dynamically get package paths

* Update package postcss config to match wc-admin’s main config

* Add combined watch scripts for package+app, add a `clean` command to clean up old build files

* Ignore PHPCS error (leave todo message to fix)

* Concat files with a space, fix issue where all files join in one continuous string and fail the check
2018-10-30 14:57:48 -04:00
Albert Juhé Lluveras 2b3446540c Move withSelect() inside table components (https://github.com/woocommerce/woocommerce-admin/pull/707)
* Move withSelect() inside table components

* Add isLoading prop to TableCard (https://github.com/woocommerce/woocommerce-admin/pull/713)

* Add isLoading prop to TableCard

* Add onSort prop to TablePlaceholder

* All checkbox shouldn't be checked if the number of rows is 0
2018-10-29 08:57:05 +01:00
Paul Sealock 02383f0ce7 Dashboard: Add DatePicker 2018-10-25 11:40:59 +13: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
Timmy Crawford e8fe6bac83 Remove chart from dashboard. (https://github.com/woocommerce/woocommerce-admin/pull/544) 2018-10-16 18:20:24 -07: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
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 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
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 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 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 233c7755f7 hover confusion 2018-09-07 11:21:52 +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
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
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
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
Kelly Dwan dec97d178e Components: Export reusable components to a separate file + global (https://github.com/woocommerce/woocommerce-admin/pull/297)
* Importing all components from a root components file

* Update Ratings component to avoid circular dependencies, fix tests

* Export components on `wc.components`, use this for importing

* Move react-dates initialize to the components file

* Push query changes to history

Fixes an issues where native a links do not update the query in `history`

* Update test config for new @woocommerce/components path

* Update chart components import

* Merge simple/complex & alphabetize by first exported name

* Add a readme with info about how to call these components
2018-08-20 17:18:13 -04:00
Timmy Crawford 8a90563690 Dashboard: Use isNumeric in Top Selling Products. 2018-08-16 16:42:32 -07:00
Robert Elliott bbc7e13e3e split out example.js and index for component 2018-08-13 12:23:50 +02:00
Timmy Crawford 5f85e75b97 Merge pull request woocommerce/woocommerce-admin#284 from woocommerce/add/top-selling-products
Dashboard: Add Top Products block.
2018-08-10 10:42:58 -07:00
Timmy Crawford ac3e83590a Add tests for numberFormat 2018-08-09 11:50:56 -07:00
Timmy Crawford 9effb75c73 Add table styling. 2018-08-09 11:16:30 -07:00
Timmy Crawford 547ea94483 Dashboard: Add Top Products block. 2018-08-08 16:52:21 -07:00
Kelly Dwan 4669ab9422 Layout: Add the 40px side gutters on 1100px+ screens (https://github.com/woocommerce/woocommerce-admin/pull/282) 2018-08-08 18:11:54 -04:00
Timmy Crawford 0de60d5685 Update breakpoint 2018-08-08 10:21:38 -07:00
Timmy Crawford f0e6770284 Adding some more placeholder cards. 2018-08-06 15:56:24 -07:00
Timmy Crawford a6214e1df1 Updates per feedback. 2018-08-06 15:34:47 -07:00
Timmy Crawford cc61776d29 Add breakpoint to single column 2018-08-06 14:07:51 -07:00
Timmy Crawford d013fe6926 Dashboard: Add columns for blocks. 2018-08-02 16:10:55 -07:00
Timmy Crawford 3f2a6a2fd6 Fix for gutenberg 3.4 2018-08-01 12:07:17 -07:00
Kelly Dwan 727654ff3b SummaryNumber Component: Update to latest hifi design (https://github.com/woocommerce/woocommerce-admin/pull/237)
* Add first pass + demo of updated SummaryNumber

* Add new larger screen breakpoint

* Remove the max-width from the content wrapper

* Update previous label text

* Fix the border colors/sizing

* Create a mixin to generate the grid template pattern

* Add green/red colors based on trend, with prop to reverse

In some cases, a downward trend is good (ex, refunds), so we want to be able to color those green

* Move selected number containers up to avoid the double-border

* Document className logic, and apply 10-item layout to all cases of 10+ items

* Remove layout notes

* Update component docs, clean up optional displays

* Update style of SummaryNumbers inside cards

* Filter out any `false` or otherwise unrenderable children

* Fix card borders

* Update dashboard component to use new props

* Check that prevValue is defined

a prevValue of 0 was incorrectly outputting `0` for both label and value

* Update no-change datapoint style

* Update default data values

Rather than hiding the prevValue/label or delta section if these are not passed through, use default N/A placeholders

* Change SummaryList & SummaryNumber to a list of links

Add active, hover, and focus styles

* Add a short help text for screen reader users

* Add href to README

* Add the href prop to the readme example

* Fix border colors

The `nth-of-type` rules need to be on the `li` containers

* Fix font-weights on value & delta

* Wrap the previous label/value when the percentage wraps
2018-07-30 11:14:09 -04:00
Robert Elliott dd663e0cd9 init for legends PR
updates from feedback
2018-07-25 17:04:03 +02:00