Commit Graph

72 Commits

Author SHA1 Message Date
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
Paul Sealock 1c447396c8 Datepicker: Custom: Add styles 2018-07-30 10:36:38 +12:00
Robert Elliott 7a6a82c6af Merge pull request woocommerce/woocommerce-admin#189 from woocommerce/add/chart-legend
D3 Chart: legend component and integration

Thanks for the great feedback. I've made updates and will address a few of the styling (and remove code used for testing) in future PRs. Keep an eye on https://github.com/woocommerce/wc-admin/issues/164 for future work planned on this component.
2018-07-25 17:08:59 +02:00
Robert Elliott 2c78dfb3cc feedback updates and tooltip 2018-07-25 17:04:21 +02:00
Robert Elliott dd663e0cd9 init for legends PR
updates from feedback
2018-07-25 17:04:03 +02:00
Justin Shreve ff934eb999 Add SplitButton Component (https://github.com/woocommerce/woocommerce-admin/pull/236)
* Add SplitButton component

* Update primary styles and focus border
2018-07-25 10:25:08 -04:00
Kelly Dwan 944b7ab460 Update to Gutenberg 3.3 (https://github.com/woocommerce/woocommerce-admin/pull/234)
Removes Gutenberg package dependency in favor of published sub-packages, update tests and build process to reflect new package locations
2018-07-23 16:14:40 -04:00
Justin Shreve c587ca94dc Add rating components (https://github.com/woocommerce/woocommerce-admin/pull/233)
* Add rating component

* Add ProductRating, ReviewRating components.
Add tests.
2018-07-23 09:19:24 -04:00
Paul Sealock 11b30baa6f Merge pull request woocommerce/woocommerce-admin#226 from woocommerce/add/filter-picker-animation
Components: Filter picker: Add animation
2018-07-23 10:03:35 +12:00
Justin Shreve dabef973bd Add ProductImage Component (https://github.com/woocommerce/woocommerce-admin/pull/231)
* Add ProductImage Component

* Use provided product image alt text
2018-07-20 14:24:39 -04:00
Paul Sealock 186c803c31 FilterPicker: Add Animation 2018-07-20 15:42:36 +12:00
Justin Shreve 22028283ef Add Activity Panel Outbound Link Component (https://github.com/woocommerce/woocommerce-admin/pull/213)
* Activity Panel Outbound Link

* Address PR Feedback: Pass through additional props on ActivityOutboundLink, add comment for activity panel wrapping padding, fix README naming, and use $gap $gutter trick for outbound link padding.
2018-07-17 14:51:56 -04:00
Justin Shreve 6abcbbdc87 Fix key prop warning in FilterPicker (https://github.com/woocommerce/woocommerce-admin/pull/221) 2018-07-17 14:38:58 -04:00
Justin Shreve 9cc4e1b97a Add Order Status Component (https://github.com/woocommerce/woocommerce-admin/pull/214) 2018-07-17 09:11:13 -04:00
Paul Sealock 31c055fd57 Component: Filter Picker 2018-07-17 12:25:00 +12:00
Justin Shreve dd98f925ef Add Flag Component (https://github.com/woocommerce/woocommerce-admin/pull/197)
* Add Flag Component

* Fix for travis ci

* Fix spacing with new card layout
2018-07-16 12:28:26 -04:00
Paul Sealock 9af766fe80 Datepicker: fix getCurrentDates to always reflect defaults 2018-07-14 22:27:55 +12:00
Kelly Dwan 96925f77fa Component: Fix rows prop in Table (https://github.com/woocommerce/woocommerce-admin/pull/193)
* Move component lifecycle method to top of component

* Update rows if the rows passed in via props have changed

This lets us bring in API changes, but will wipe out any sorting (revisit in a later PR, perhaps)

* Pass rows through to Table even if we don’t have rows loaded yet

Adds todo comment to remind that we should come back to add a placeholder/loading state
2018-07-13 15:36:41 -04:00
Justin Shreve eb7b60d558 Add Gravatar Component (https://github.com/woocommerce/woocommerce-admin/pull/188) 2018-07-11 13:06:26 -04:00
Robert Elliott f0069b4d48 reformatted README 2018-07-11 17:12:37 +02:00
Robert Elliott 7b8bcea17a move dummy into fixtures subfolder 2018-07-10 17:07:34 +02:00
Robert Elliott 6ff484bddc JSDocs for chart component utils 2018-07-10 16:09:58 +02:00
Robert Elliott da980328e2 move dummy js and add README 2018-07-10 16:09:47 +02:00
Justin Shreve 71c12e6795 Update woo-dash naming to new wc-admin name (https://github.com/woocommerce/woocommerce-admin/pull/183) 2018-07-10 08:48:06 -04:00
Kelly Dwan 5bf87f4ad9 Fix unique key warning for DropdownButton labels (https://github.com/woocommerce/woocommerce-admin/pull/180) 2018-07-09 16:36:12 -04:00
Justin Shreve 3783e5e6f7 Add ActivityHeader & implement panel styles (https://github.com/woocommerce/woocommerce-admin/pull/167)
* Header shadow on scroll, panel styles, implement woo bubble

* Add ActivityHeader component

* Fix admin bar stickyness and missing onInvoke function
2018-07-09 11:46:31 -04:00
Justin Shreve 8627e89d19 Fix infinite loop from calling setState in D3 componentDidUpdate (https://github.com/woocommerce/woocommerce-admin/pull/179) 2018-07-09 11:28:33 -04:00
Robert Elliott 5c0a293297 refactor params to reduce recalculating scales each time + new tests 2018-07-09 15:35:25 +02:00
Robert Elliott ec3e433e24 line mouseover and out events with tooltip 2018-07-09 15:35:24 +02:00
Robert Elliott 01eea75a2a bug fixes to drawLines and dummy renders of bars and lines on Dashboard 2018-07-09 15:35:24 +02:00
Robert Elliott 806d423324 bar chart and example 2018-07-09 15:35:12 +02:00
Justin Shreve f0c27ee999 Activity Panel: Unread bubble, animations, cleaned up styles/mobile handling (https://github.com/woocommerce/woocommerce-admin/pull/154)
* Activity Panel Updates: Unread bubble, animations, cleaned up styles and mobile handling.

* * Color and animation definition cleanup
* Fix animation for tab switch
* Clicking outside the panel will close it
* Hover bubble border
* Aria attributes/tablist

* Fix mobile styles
2018-07-06 08:40:05 -04:00
Paul Sealock 817f6813a1 Date: Load localeData into Momentjs 2018-07-06 14:04:17 +12:00
Paul Sealock a768fac41d span instead of p 2018-07-03 11:58:05 +12:00
Paul Sealock a4305347ce Datepicker: Add styles 2018-07-03 11:41:38 +12:00
Paul Sealock 0a2b71865b Datepicker: Use api naming before/after 2018-07-03 11:16:42 +12:00
Paul Sealock 13a283cac1 Merge pull request woocommerce/woocommerce-admin#128 from woocommerce/update/datepicker-i18n
Datepicker: i18n date formats
2018-06-29 06:52:17 +12:00
Justin Shreve d604f3625c Rename sidebar to activity-panel, and refactor code and behavior. 2018-06-28 09:52:45 -04:00
Timmy Crawford f2518dcd34 make with and without elipsis the same height 2018-06-27 15:10:50 -07:00
Timmy Crawford 2145b8ebce Update Card header styles. 2018-06-27 14:58:37 -07:00
Paul Sealock efba4fab7d Datepicker: i18n datestrings 2018-06-27 15:54:01 +12:00
Paul Sealock 0f93022a62 DatePicker: Hook up react-dates 2018-06-27 14:21:14 +12:00
Paul Sealock be002e442a DatePicker: Hook up react-dates 2018-06-27 14:11:13 +12:00
Kelly Dwan ff80ca0122 Use formatCurrency in the orders activity list 2018-06-26 14:22:23 -07:00
Justin Shreve ba68ada59d Add Pagination Component (https://github.com/woocommerce/woocommerce-admin/pull/117)
* Add pagination component

* Refactor query string/route updating so it can be done using a nav-utils helper function

* Fix typo and adjust accessibility attributes for error handling and current page

* Update styles
2018-06-26 10:59:35 -04:00
Justin Shreve bf80e5c649 Global Header & Activity Panel on all WooCommerce Pages (https://github.com/woocommerce/woocommerce-admin/pull/110)
* Makes the header/sidebar component embeddable on other WooCommerce pages.

* Some mobile CSS fixes to make sure the header bar displays properly on smaller screensizes.

* Refactor notices and pull out success message from the panel

* Handle positioning of screen options, update message handling, css fixes and header height increase to match mockups, some code cleanup

* Only enable the header embed on normal/classic WooCommerce pages, and provide a method for plugins to opt-in.
This change also builds nicer breadcrumbs for pages.

* Code cleanup and consistent naming.

* Some spacing cleanup. Also updated the page title method to correctly set page titles in PHP for classic WC pages
2018-06-26 10:49:42 -04:00
Kelly Dwan 99ac7728cd Try a context-aware heading component (https://github.com/woocommerce/woocommerce-admin/pull/121)
* Add H and Section components for context-aware headings

* Switch to using the new context-aware heading and section components

* Style header by class name, not heading level

* Add our client dir to the modules list for Jest

We already have this setting in webpack, but Jest doesn’t pick up on that
2018-06-20 11:10:06 -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
Kelly Dwan bc084b7302 Add Summary Number/Performance Tile component (https://github.com/woocommerce/woocommerce-admin/pull/109)
* Add SummaryList and SummaryNumber components

* Add a demo of SummaryList/SummaryNumbers

* Pages without the sidebar displayed can use a larger max-width

* Adjust layout styles for smaller screens
2018-06-14 11:16:57 -04:00
Justin Shreve 215464a592 Move Jetpack JITM messages out of the wp notice toggle, and count all child divs. (https://github.com/woocommerce/woocommerce-admin/pull/111) 2018-06-13 21:19:36 -04:00