Commit Graph

222 Commits

Author SHA1 Message Date
Timmy Crawford 5f4a56eb9a Header: Set z-index greater than popover 2018-08-07 12:45:48 -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
Kelly Dwan 2bea232494 Import compose from `wordpress/compose` (https://github.com/woocommerce/woocommerce-admin/pull/278)
As of Gutenberg 3.3, compose is in its own package - element.compose is deprecated
2018-08-06 17:33:55 -04:00
Timmy Crawford cc61776d29 Add breakpoint to single column 2018-08-06 14:07:51 -07:00
Kelly Dwan 4c2797d6cf Table: Add "required"/"sortable" meta to headers/columns (https://github.com/woocommerce/woocommerce-admin/pull/275)
* Switch headers to an object, use `header.label` to display title

* Change sort function to update a query param

* Clean up README

* Get the currently sorted column from the query

* Don’t allow toggling of required columns

* Add in direction-sorting (ascending/descending)

* Switch to aria-describedby so that the actual column name is read aloud

* Fix chevron orientation

* Handle hiding a sorted column

* Fall back to sorting by first item if no defaultSort col is set

* Fix arrow orientation again

* Update order_by to orderby to match wp_query param name
2018-08-06 13:01:41 -04:00
Kelly Dwan ddeacb84e5 Move non-reset SCSS to new files, add folder structure (https://github.com/woocommerce/woocommerce-admin/pull/274)
* Move non-reset SCSS to a new file

* Split shared files and “meta” files into two folders

This also creates two new base scss files for the different app vs embedded CSS files

* Move notice & embed-specific css out of reset

* Update README with folder structure notes
2018-08-06 11:30:43 -04:00
Timmy Crawford d013fe6926 Dashboard: Add columns for blocks. 2018-08-02 16:10:55 -07:00
Kelly Dwan a4267202c5 Update TableCard component to handle toggling on/off specific columns (https://github.com/woocommerce/woocommerce-admin/pull/268) 2018-08-02 18:21:37 -04:00
Kelly Dwan 6a82db326e SummaryNumber: Switch to dropdown display on small screens (https://github.com/woocommerce/woocommerce-admin/pull/265)
* Move isMobileViewport to a helper function in lib

* Switch SummaryList to use navigable menu to support up/down (or left/right) arrow key navigation

* Switch to a dropdown menu/button combo when on a smaller screen

* Ensure aria role & href are only added if the item is a link

* Wrap the entire SummaryNumber in a link to match non-mobile use

* Update card content to be single line on mobile

* Add label to the popover title

* Make SummaryNumbers edge-to-edge on smaller screens

* Switch to the collapsed/dropdown view on screens <1100px

* Adjust offset of arrow icon
2018-08-02 18:20:48 -04:00
Paul Sealock 45231f9049 add theming to Gutenberg components' 2018-08-02 12:25:00 +12:00
Timmy Crawford 64b3f99649 Merge pull request woocommerce/woocommerce-admin#253 from woocommerce/fix/pagination-input
Pagination: Fix page input bug.
2018-08-01 13:36:17 -07:00
Timmy Crawford 7639f61c2e Add site title to wcSettings 2018-08-01 12:19:25 -07:00
Timmy Crawford 3f2a6a2fd6 Fix for gutenberg 3.4 2018-08-01 12:07:17 -07:00
Timmy Crawford 2e3788a862 Verify the page number exists. 2018-08-01 11:51:11 -07: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
Justin Shreve d346945702 Add Collapsed Review View (https://github.com/woocommerce/woocommerce-admin/pull/242)
* Add Collapsed Review View

* Fix spacing issue on main button action
2018-08-01 08:21:51 -04:00
Timmy Crawford f93421c750 Ensure NaN doesn't sneak in there. 2018-07-31 09:38:24 -07:00
Paul Sealock 735dfcd272 Merge pull request woocommerce/woocommerce-admin#239 from woocommerce/fix/calendar-component
Datepicker: Refactor Calendar to fully controlled component
2018-07-31 11:10:20 +12:00
Timmy Crawford d373599f8a Pagination: Fix page input bug. 2018-07-30 16:08:13 -07:00
Kelly Dwan 9a73628689 Remove debug code logging screen ID (https://github.com/woocommerce/woocommerce-admin/pull/250) 2018-07-30 13:41:14 -04: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
Justin Shreve e27af517a4 Add CSS autoprefixer (https://github.com/woocommerce/woocommerce-admin/pull/244) 2018-07-30 10:05:22 -04:00
Paul Sealock b34b2efbbc Use wp.data on Orders report
Update to Gutenberg 3.3
2018-07-30 11:17:28 +12:00
Paul Sealock 0df86cb6f6 Datepicker: Refactor Calendar to fully controlled component 2018-07-30 11:11:52 +12:00
Paul Sealock 1c447396c8 Datepicker: Custom: Add styles 2018-07-30 10:36:38 +12:00
Justin Shreve 21dfd46cdd Update ActivityCard mobile styles (https://github.com/woocommerce/woocommerce-admin/pull/241) 2018-07-26 14:52:25 -04:00
James Koster 1705087cb4 Merge pull request woocommerce/woocommerce-admin#240 from woocommerce/add/woocommerce-purples
Adds the full range of WooCommerce purples
2018-07-26 16:44:58 +01:00
Justin Shreve dca07063fa Fix WP Notices Tabbing (https://github.com/woocommerce/woocommerce-admin/pull/238) 2018-07-26 09:13:47 -04:00
James Koster 1de11d7a75 Adds the full range of WooCommerce purples 2018-07-26 12:40:50 +01: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
Justin Shreve 0d00e6ef2b Fade in activity panel tabs during page transition (https://github.com/woocommerce/woocommerce-admin/pull/232) 2018-07-24 11:30:53 -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
Kelly Dwan 0c845a2852 Activity Panel: Add loading placeholder for ActivityCard, using Inbox as demo (https://github.com/woocommerce/woocommerce-admin/pull/220)
* Mock up an “API response object” for the inbox notices

* Add in a fake “loading” delay

* Add placeholder mixin from Calypso

* Add a placeholder ActivityCard and styles

* Merge exports of placeholder into ActivityCard

* Add tests for placeholder card

* Update readme

* Switch placeholder content prop to a line count, rather than specific children

* Update tests for new lines prop

* Clear timeout when the inbox unmounts

* Add a test for 0 lines
2018-07-20 14:41:39 -04: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
Kelly Dwan 8b36066f0b Update `react-world-flags` package (https://github.com/woocommerce/woocommerce-admin/pull/230)
* Update react-world-flags to remove dependency on SSH url

* Remove git config
2018-07-19 12:30:25 -04:00
Justin Shreve 3239a74eef Add unread indicator to mobile panel toggle (https://github.com/woocommerce/woocommerce-admin/pull/219)
* Add unread indicator to mobile panel toggle

* Add accessible unread indiciators

* Add default functions for the WP Notices component
2018-07-18 11:20:00 -04: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 b64d729f0a Remove Agenda Widget (https://github.com/woocommerce/woocommerce-admin/pull/216) 2018-07-17 13:07:51 -04:00
Justin Shreve 0e0426e3cd Fix ActivityPanel Slide Animation (https://github.com/woocommerce/woocommerce-admin/pull/217) 2018-07-17 13:07:36 -04:00
Kelly Dwan a315fa46f6 Add "in progress" banner to readme (https://github.com/woocommerce/woocommerce-admin/pull/211)
* Update README

* Update where to get v3 of the WC REST API
2018-07-17 11:50:11 -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
Kelly Dwan f3150a5727 Activity Panel: Add a "first draft" of Inbox items (https://github.com/woocommerce/woocommerce-admin/pull/212)
* Move panel components into a single folder

* Add ActivityCards to the inbox panel

* Add inbox-specific styles
2018-07-16 14:37:25 -04: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
Kelly Dwan 9fca535c67 Update ActivityCard to latest hifi designs (https://github.com/woocommerce/woocommerce-admin/pull/203)
* ActivityCard: Update to match new activity panel designs

* Add spacing rhythm system, add the rest of the base colors

* Add styles for the ActivityCard

* Use the new ActivityCard in the orders panel

* Update text color & size

* Disable timestamped test (string changes based on date)

* Use moment to generate a relative timestamp to match “3 days ago” snapshot

* Rename spacing vars

The difference between gap and gap-med is not intuitive, so let’s switch to -small, and change -small to -smallest.
2018-07-16 09:53:38 -04:00
Paul Sealock 9af766fe80 Datepicker: fix getCurrentDates to always reflect defaults 2018-07-14 22:27:55 +12:00
Paul Sealock 55f803dd07 Update Gutenberg dependency to v3.2.0 for running js tests
Update Gutenberg packages deprecated and keycodes to build system
2018-07-14 21:57:18 +12:00
Justin Shreve e0b38b5c94 Fix Accessibility issues: tabpanel behavior, and reduced motion setting (https://github.com/woocommerce/woocommerce-admin/pull/185)
* Fix Accessibility issues: tabpanel behavior, and reduced motion setting

* Move tabindex to <Section /> and add aria-label to the panel

* move role and aria-label to div component
2018-07-13 16:28:01 -04: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
Kelly Dwan 99f726bfb5 ActivityPanel: Update semantics for screen reader navigation (https://github.com/woocommerce/woocommerce-admin/pull/182)
* Update semantics for ActivityPanel

Move the Section wrap to the top-level of ActivityPanel
Use an `aside` for the panel, which will expose the panel as a “complementary” in landmark nav
Add a heading for the Section/aside, which also fixes the heading hierarchy

* Update textdomains to match woo-dash change

* Switch panel container to a `div` so that clickOutside works as expected
2018-07-13 15:31:58 -04:00
Justin Shreve 803136ca9a Fixes some display issues on embedded/classic WC pages (https://github.com/woocommerce/woocommerce-admin/pull/186) 2018-07-13 15:19:54 -04:00
Justin Shreve 37e48ed6de Define text domain in test setup, and re-enable date test 2018-07-13 10:28:24 -04:00
Timmy Crawford f5b41e9a19 Try skipping test. 2018-07-12 16:58:47 -07:00
Timmy Crawford 2e708821f9 third time is a charm? 2018-07-12 16:54:56 -07:00
Timmy Crawford 86e9b4e422 Fix date test. 2018-07-12 16:46:35 -07:00
Timmy Crawford 11eccdc02b Update travis to run npm test 2018-07-12 16:01:11 -07: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 323807c074 Merge pull request woocommerce/woocommerce-admin#142 from woocommerce/fix/datepicker-naming-match-api
Datepicker: Use api naming before/after
2018-07-03 11:17:34 +12:00
Paul Sealock 0a2b71865b Datepicker: Use api naming before/after 2018-07-03 11:16:42 +12:00
Timmy Crawford 1a3240b4ec Merge pull request woocommerce/woocommerce-admin#141 from woocommerce/update/performance-indicators
Use SummaryNumber for Store Performance
2018-07-02 11:11:28 -07:00
Timmy Crawford 8306bc91bf s/PerformanceIndicators/StorePerformance/ 2018-07-02 11:08:50 -07:00
Paul Sealock 1466461331 Merge pull request woocommerce/woocommerce-admin#134 from woocommerce/add/lib-date-unit-tests
Datepicker: add unit tests to lib/date
2018-07-01 21:15:00 +12:00
Timmy Crawford 8c9921ee74 Use SummaryNumber for Store Performance 2018-06-29 11:27:18 -07:00
Justin Shreve 9f1015b155 Implement updated activity panel tab design (https://github.com/woocommerce/woocommerce-admin/pull/137) 2018-06-29 11:20:08 -04:00
Paul Sealock 7a385a816b Date lib: Add unit test coverage
* getRangeLabel
* getLastPeriod
* getCurrentPeriod
2018-06-29 09:52:36 +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 2070337459 Add Gridicons (https://github.com/woocommerce/woocommerce-admin/pull/136) 2018-06-28 11:23:26 -04: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 6c4cce3b24 update existing tests 2018-06-27 15:59:58 +12: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
Timmy Crawford 88e1764720 Use swagger data in table. 2018-06-26 15:17:05 -07:00
Timmy Crawford 474f3ac5d0 use formatCurrency and update the utility to default to the WC settings currency 2018-06-26 14:39:29 -07:00