Commit Graph

2889 Commits

Author SHA1 Message Date
Albert Juhé Lluveras 23d032d675 Remove unnecessary IF in reports/utils.js (https://github.com/woocommerce/woocommerce-admin/pull/909) 2018-11-22 14:49:52 -06:00
Paul Sealock 7d65df783c Chart: Persist orderedKeys between state changes 2018-11-23 09:49:28 +13:00
Albert Juhé Lluveras 56d3a69d13 Default charts to 'time-comparison' (https://github.com/woocommerce/woocommerce-admin/pull/905)
* Default charts to 'time-comparison'

* Fix broken test in ReportChart
2018-11-22 07:03:35 -06:00
David Levin c3275fd4c9 Update order of summary numbers and remove product count 2018-11-21 20:52:24 -07:00
Paul Sealock ab70ef4099 Chart: Persist orderedKeys between state changes 2018-11-22 13:12:03 +13:00
Robert Elliott fe66aa9623 updated tests remove layout 2018-11-21 16:41:09 +02:00
Robert Elliott 24758bc80d squashed commits for chart packaging
expand formatting function to xFormats

adding getTooltipValueFormat

remove old chart examples

remove magic numbers and use variables

refactor getTooltipRowValue

update package-lock

allow function formatters and use @wordpress/elements
2018-11-21 16:10:56 +02:00
Albert Juhé Lluveras 2a95345bb9 Add chartMode property to filters configuration (https://github.com/woocommerce/woocommerce-admin/pull/884)
* Add chartMode property to filters configuration

* Add tests

* Cleanup

* Add chartMode propType to filters
2018-11-20 16:21:47 -06:00
Paul Sealock 67c7dabc29 Add Variations table 2018-11-20 13:42:55 +13:00
Paul Sealock 38264239fc Merge pull request woocommerce/woocommerce-admin#824 from woocommerce/add/product-detail-link
Add/product detail link
2018-11-20 13:14:34 +13:00
Paul Sealock b7acbd9b2f Add Product Detail link in table 2018-11-20 12:57:36 +13:00
Paul Sealock 0d59998625 Persist chart settings 2018-11-20 12:55:30 +13:00
Albert Juhé Lluveras 209a200e78 Fix wrong variable name in Legend tests (https://github.com/woocommerce/woocommerce-admin/pull/889) 2018-11-19 14:27:06 -06:00
Albert Juhé Lluveras 9938707970 Add Taxes report table (https://github.com/woocommerce/woocommerce-admin/pull/881)
* Add Taxes report table

* Add taxes autocompleter to Search

* Minor fixes

* Improve @TODO comment explanation
2018-11-19 09:55:15 -06:00
Jonathan Belcher f167c27b5e Adds UI wiring for Coupons chart and summary (https://github.com/woocommerce/woocommerce-admin/pull/724)
* Adds UI wiring for Coupons chart and summary

* Update for changes in master

* Update to use current method

* Remove accidental paste

* Fix typo

* Seperate WooCommerce deps
2018-11-16 08:39:29 -05:00
Jonathan Belcher 8ddcb7ce4a Adds UI wiring for Catgories chart and summary (https://github.com/woocommerce/woocommerce-admin/pull/725)
* Adds UI wiring for Catgories chart and summary

* Use new format for charts

* Use swagger api

* Get rid of store references

* Final touch ups

* Seperate out WooCommerce dep
2018-11-16 08:33:58 -05:00
Albert Juhé Lluveras cc86233e0f Add Coupons report table (https://github.com/woocommerce/woocommerce-admin/pull/867)
* Add Coupons report table

* Fix propTypes warning in CouponsReportTable

* Remove unnecessary constructors from tables
2018-11-15 21:35:10 -06:00
Albert Juhé Lluveras ba7d6ef29f Minor fixes to stores (https://github.com/woocommerce/woocommerce-admin/pull/868)
* Minor fixes to stores

* Fix 'parameters' typo
2018-11-15 21:32:11 -06:00
Kelly Dwan 2a9cb6509b Build: Move components to packages dir (https://github.com/woocommerce/woocommerce-admin/pull/804)
* Move components to packages folder

* Update documentation generator to handle packages/components and client/components

* Update component locations

* Update CSS build process

* Remove react-dates css, this is already included by gutenberg

* Fix CSS style - single quotes

* Fix incorrect imports

* Update package-lock with new dependencies

* Update component locations for devdocs

* Fix location of tests
2018-11-15 13:16:23 -05:00
Albert Juhé Lluveras 8997d4ca26 Update chart breakpoints (https://github.com/woocommerce/woocommerce-admin/pull/838)
* Update chart breakpoints to match the other parts or wc-admin

* Make chart have always the specified height so it matches the legend total label

* Remove obsolete test

* Remove exports no longer needed

* Remove @wordpress/viewport dependency from chart.js

* Update chart docs

* Make tooltipPosition PropType more strict
2018-11-15 09:27:55 -06:00
Jonathan Belcher 2dbe3e8cc7 Adds UI wiring for Taxes chart and summary (https://github.com/woocommerce/woocommerce-admin/pull/779)
* Adds UI wiring for Taxes chart and summary

* Update to latest method for creating summary/chart

* Switch out API for swagger

* Fix copy pasta

* Implement swagger api

* Update config to match swagger API

* Code review fixes

* Remove store code as it isnt used
2018-11-14 16:04:59 -05:00
Jonathan Belcher 5132e81b7c Fixes code comments on return value type (https://github.com/woocommerce/woocommerce-admin/pull/850) 2018-11-14 15:33:13 -05:00
Jonathan Belcher 60bd7a477f Adds basic snapshot for dropdown button (https://github.com/woocommerce/woocommerce-admin/pull/843) 2018-11-14 11:52:47 -05:00
Paul Sealock c809fa6cb9 Apply onQueryChange to more than just 'filter' 2018-11-14 09:56:39 +13:00
Albert Juhé Lluveras 1d5364f6a6 Add ProductImage to variations autocompleter (https://github.com/woocommerce/woocommerce-admin/pull/832) 2018-11-13 09:40:17 -06:00
Jonathan Belcher 2eff88bf4c Adds a test snapshot for count (https://github.com/woocommerce/woocommerce-admin/pull/830) 2018-11-13 09:39:42 -05:00
Robert Elliott bd1997b725 Merge pull request woocommerce/woocommerce-admin#785 from woocommerce/add/chart-63day-x1month-x2year
Component - chart: more than 9 weeks of ticks change xFormat to months & x2Format to yrs
2018-11-13 10:16:01 +02:00
Jonathan Belcher ffaa80a95e Add snapshotting to Animation Slider (https://github.com/woocommerce/woocommerce-admin/pull/819) 2018-11-12 16:49:40 -05:00
Jonathan Belcher cd00227875 Adds Card Snapshot (https://github.com/woocommerce/woocommerce-admin/pull/821) 2018-11-12 16:49:32 -05:00
Albert Juhé Lluveras 5033a1ba5c Update comparison chart design and show it on the Product report (https://github.com/woocommerce/woocommerce-admin/pull/816)
* Display comparison chart in Product detail report

* Make legend to overflow in comparison charts

* Show comparison chart also when comparing products

* Update comparison chart legend design

* Send itemsLabel and comparisonChart as props to the ReportChart component

* Update styles and create a legend.scss file

* Minor cleanup

* Fix legend test

* Sort props alphabetically
2018-11-12 15:41:33 -06:00
Albert Juhé Lluveras 3637ae5054 Update table gradient code to be more similar to chart legend gradient code (https://github.com/woocommerce/woocommerce-admin/pull/817) 2018-11-12 12:04:38 -06:00
Jonathan Belcher bccae052ae Refactor to remove products chart.js (https://github.com/woocommerce/woocommerce-admin/pull/799)
* Refactor to remove products chartjs

* Delete chartjs

* Fix copy pasta error
2018-11-12 11:28:03 -05:00
Jonathan Belcher e49997381b Refactor to remove revenue chartjs (https://github.com/woocommerce/woocommerce-admin/pull/800)
* Refactor to remove revenue chartjs

* Update index.js

* Remove extra line
2018-11-12 11:27:19 -05:00
Kelly Dwan 89cee0df90 Build: Move filter code to the navigation package (https://github.com/woocommerce/woocommerce-admin/pull/803)
* Move filter code to the navigation package

- Moves filter-related code to navigation, so it can be shared between components and the app
- Fixes spelling of “flatten”
- Update README docs with new functions

* Use `get` to prevent errors if options is not an array/is empty

* Update documentation and tests
2018-11-12 11:17:18 -05:00
Jonathan Belcher c102e78523 Creates a helper function to get selected chart (https://github.com/woocommerce/woocommerce-admin/pull/794)
* Creates a helper function to get selected chart

* remove console log

* Make sure charts is never empty

* Clarify docs
2018-11-07 12:19:59 -05:00
Jonathan Belcher ffee7cc841 Moves charts to config to delete chart.js (https://github.com/woocommerce/woocommerce-admin/pull/793) 2018-11-07 11:38:34 -05:00
Robert Elliott 703c1ca33a update from feedback 2018-11-07 11:54:20 +02:00
Kelly Dwan 8af82f3dee Build: Move `lib/csv` to packages (https://github.com/woocommerce/woocommerce-admin/pull/756)
* Move CSV to packages

* Update CSV imports

* Add some basic usage documentation

* Add csv lib to the enqueued assets

* Change name to `csv-export`

* Update webpack build process to allow for package names with dashes

* Fix capitalization

* Update readme with docs extracted from jsdoc

* Fix merge conflict commit 😣

* Check that generateCSVFileName is called with correct params
2018-11-06 16:53:22 -05:00
Robert Elliott d59594c4f6 at more than 9 weeks of ticks change xFormat to months and x2Format to years 2018-11-06 16:02:16 +02:00
Kevin Killingsworth fbed89eb19 Update @wordpress/data for 3.x (https://github.com/woocommerce/woocommerce-admin/pull/783)
* fix: Remove state argument from resolvers.

State is no longer the first argument to resolvers as of @wordpress/data
version 3.0.0

* Update @wordpress/data to 3.1.0

* Adjust resolvers to work with v2 and v3 wp.data

This adds code to inspect the arguments of the resolvers to allow for
working with v2 or v3 wp.data. This is only temporary.

* resolvers: fix tests

This fixes tests by removing empty state objects from them.
2018-11-05 18:30:32 -05:00
Paul Sealock 50e635e716 Add Variations autocompleter 2018-11-05 17:43:59 -05: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
Albert Juhé Lluveras 70e7e14e7a Persist time queries when clicking on breadcrumbs links (https://github.com/woocommerce/woocommerce-admin/pull/759)
* Make breadcrumbs links persist date queries

* Add tests to getTimeRelatedQuery() when query parameter not set

* Add comment explanation about navUtils self-import
2018-11-02 22:38:16 +01:00
Kelly Dwan 2b29dc7d1c Build: Switch react imports to use core packages (https://github.com/woocommerce/woocommerce-admin/pull/755)
* Remove react, react-dom, and redux imports in favor of core packages

* Move build dependencies out of `devDependencies`
2018-11-02 15:37:28 -04: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
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 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
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
Albert Juhé Lluveras 33cdba6945 Fix charts redirecting to previous path when changing interval value (https://github.com/woocommerce/woocommerce-admin/pull/731)
* Fix charts redirecting to previous path when changing interval value

* Fix chart being reset when changing interval

* Fix chart being reset when changing filters
2018-11-01 10:13:45 +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
Albert Juhé Lluveras 9186eed9c0 Clear filter button fixes (https://github.com/woocommerce/woocommerce-admin/pull/736) 2018-10-31 11:29:20 +01:00
Paul Sealock 81c746a22f Merge pull request woocommerce/woocommerce-admin#714 from woocommerce/add/variations-filter
Filters: Add Variations extra filters
2018-10-31 16:22:43 +13: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
Paul Sealock e8f3258d47 Filters: Add Variations extra filters 2018-10-31 11:26:05 +13: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 e5fe8b1c66 Move tooltip below the chart when there is limited horizontal space (https://github.com/woocommerce/woocommerce-admin/pull/716)
* Show tooltip below the chart on mobile

* Fix tooltips not correctly centered in bar chart
2018-10-30 19:07:34 +01:00
David Levin a1e8eb0a80 Fix spelling of AVERAGE order value in orders report 2018-10-30 10:24:34 -07:00
David Levin 6b72b004ac refactoring x-axis ticks (https://github.com/woocommerce/woocommerce-admin/pull/685)
* conflict resolution

* updated weekly interval formats

* updated week format to include day
2018-10-30 09:54:49 -07:00
Jonathan Belcher eac848e351 Fixes Ellipsis hover bug in Firefox (https://github.com/woocommerce/woocommerce-admin/pull/721) 2018-10-30 12:24:15 -04:00
Jonathan Belcher 3446c0814b Stylint autofixes (https://github.com/woocommerce/woocommerce-admin/pull/729) 2018-10-30 09:17:17 -04:00
Jonathan Belcher c3391e78f5 Fix code comment (https://github.com/woocommerce/woocommerce-admin/pull/723) 2018-10-29 15:46:51 -04:00
Albert Juhé Lluveras 856dde0d3d Fix: date params were no longer persisted when navigating pages (https://github.com/woocommerce/woocommerce-admin/pull/717) 2018-10-29 16:43:30 +01: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 2b36f53253 Filters: Add query from config directly to url
Add/filter params to queries
2018-10-29 13:15:27 +13:00
Paul Sealock 7e5c124ce1 Filters: Add params to request query 2018-10-29 13:07:13 +13:00
Jonathan Belcher 57e46e3273 Updates default analytics menu (https://github.com/woocommerce/woocommerce-admin/pull/658)
* Updates default analytics menu

* Make revenue the default analytics page

* Fix header link to direct to Revenue report

* Fix highlighting with additional filters
2018-10-27 13:38:35 -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 eda609126e Reverse the order highlighted points are rendered in charts (https://github.com/woocommerce/woocommerce-admin/pull/701) 2018-10-26 16:47:44 +02:00
Robert Elliott fd846b3396 Merge pull request woocommerce/woocommerce-admin#684 from woocommerce/bug/x2-axis-dups
Bug: ensure duplicate parts of date removed from x2 ticks
2018-10-26 10:43:57 +02:00
Albert Juhé Lluveras 0caed9a28a Create QUERY_DEFAULTS object with default values for queries (https://github.com/woocommerce/woocommerce-admin/pull/686) 2018-10-26 10:19:39 +02:00
Robert Elliott 36ef0a9459 updated dotRadius and lineStroke based on viewport size 2018-10-26 10:10:29 +02:00
Robert Elliott 2551696c6a show circles if the width to x-tick ratio is greater than 36px 2018-10-26 09:57:55 +02:00
Robert Elliott a538ef7234 adjust chart height and dots 2018-10-26 09:57:55 +02:00
Paul Sealock 01fa16aa35 Merge pull request woocommerce/woocommerce-admin#679 from woocommerce/add/date-picker-dashboard
Dashboard: Add DatePicker
2018-10-26 10:05:04 +13:00
David Levin 515324a3c2 Merge pull request woocommerce/woocommerce-admin#688 from woocommerce/update/activity-tab-style
remove rounded corners from activity bar icon buttons
2018-10-25 10:52:48 -07:00
Allen Snook a8be179ebd Merge pull request woocommerce/woocommerce-admin#649 from woocommerce/add/store-notice-setting-moved
Activity Panel: Inbox: When the user updates WooCommerce, add a note alerting that the store notice setting has moved
2018-10-25 10:06:30 -07:00
David Levin bd0dccd132 remove rounded corners from activity bar icon buttons 2018-10-25 08:58:30 -07:00
Robert Elliott e6a609ae7a fix compareStrings issue 2018-10-25 13:47:31 +02:00
Robert Elliott 54ffd1bd0a Merge pull request woocommerce/woocommerce-admin#638 from woocommerce/add/charts-full-year
Chart: updated intervals to use the full year
2018-10-25 12:23:32 +02:00
Albert Juhé Lluveras 1c819740f4 Persist date params in Products table link (https://github.com/woocommerce/woocommerce-admin/pull/671) 2018-10-25 12:07:30 +02:00
Robert Elliott e21a6022e7 updated lib/date iintervals to use the full year incl. centruy, 2018-10-25 11:12:27 +02:00
Robert Elliott 97a819a44d Merge pull request woocommerce/woocommerce-admin#635 from woocommerce/add/chart-uneven-ticks
Chart: remove last x-axis tick in an uneven series
2018-10-25 11:10:31 +02:00
Allen Snook e7ba47e958 Go ahead and 1) handle the variety of queries that can be used
as action button links and 2) enable the button (tracking will
come next). Also had to tweak CSS for activity panel item buttons
a little
2018-10-24 18:13:44 -07:00
Paul Sealock 02383f0ce7 Dashboard: Add DatePicker 2018-10-25 11:40:59 +13:00
Job 6e36918db3 Fixes woocommerce/woocommerce-admin#664 (https://github.com/woocommerce/woocommerce-admin/pull/665) 2018-10-24 17:12:45 +02:00
Albert Juhé Lluveras 1a2b28fee8 Don't include hidden columns when downloading a table as CSV (https://github.com/woocommerce/woocommerce-admin/pull/667) 2018-10-24 16:26:19 +02:00
Albert Juhé Lluveras 2cce4e90c5 Use downloadable prop in Products report table (https://github.com/woocommerce/woocommerce-admin/pull/668) 2018-10-24 16:25:53 +02:00
Albert Juhé Lluveras d770e9a7e0 Fix resolvers tests giving false positives (https://github.com/woocommerce/woocommerce-admin/pull/666) 2018-10-24 16:25:42 +02:00
Robert Elliott 6b2bd1e11d tests and jsdocs 2018-10-24 13:13:17 +02:00
Robert Elliott bc098e58d4 refactor compareStrings 2018-10-24 13:00:29 +02:00
Robert Elliott d152686a65 approach to remove duplicate string characters from prev x-tick 2018-10-24 12:42:43 +02:00
Robert Elliott 133e0a7646 remove 'or last' 2018-10-24 12:39:55 +02:00
Robert Elliott cf3d3eb0f0 remove last tick in an uneven series 2018-10-24 12:39:55 +02:00
Albert Juhé Lluveras 29f68a9ce8 Products table (https://github.com/woocommerce/woocommerce-admin/pull/619)
* Add Products table

* Update tests

* Cleanup

* Make placeholder table have the correct sorted column selected

* Change default sort to items_sold & desc

* Fix wrong CSV filename

* Remove unnecessary constructor in ProductsReportTable

* Add @TODO comment to Products table summary

* Set ProductsReportTable link to wc-admin type

* Make sure categories is an array before using map
2018-10-24 09:50:05 +02:00
Albert Juhé Lluveras 7be34b3f37 Move Download table logic inside the TableCard component (https://github.com/woocommerce/woocommerce-admin/pull/652)
* Move Download table logic inside the TableCard component

* Make title lowercase inside generateCSVFileName

* Update JSDoc comment
2018-10-24 09:48:20 +02:00
Paul Sealock 240599c095 Persist date related parameters on report navigation 2018-10-24 12:16:35 +13:00
Albert Juhé Lluveras b757247c52 Move Revenue table to its own component (https://github.com/woocommerce/woocommerce-admin/pull/623)
* Move revenue table to its own component

* Remove unnecessary constructor in RevenueReportTable
2018-10-23 10:07:23 +02:00
Albert Juhé Lluveras 7979dbc474 Make Orders placeholder table have the correct sorted column (https://github.com/woocommerce/woocommerce-admin/pull/620)
* Make Orders placeholder table have the correct sorted column

* Fix wrong CSV filename
2018-10-23 09:49:04 +02:00
Timmy Crawford f8d70506a1 Update/track usage logic (https://github.com/woocommerce/woocommerce-admin/pull/561)
* Tracks: Don't track if Jetpack is not present or in dev env.

* Check for JETPACK__VERSION instead.

* Fix linting errors

* Yoda conditions use you must
2018-10-22 08:56:02 -07: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
Allen Snook 9638b063a0 Add unit test for sanitize html 2018-10-19 14:21:54 -07:00
Allen Snook 95080bd68b Display an error to the user if inbox fetching fails 2018-10-19 14:21:54 -07:00
Allen Snook b0be112277 Add unit tests for notes store 2018-10-19 14:21:54 -07:00
Allen Snook bd8fd2c9ec No need to sort now - the store is ordering correctly 2018-10-19 14:21:54 -07:00
Allen Snook a7bbb4766d Correct typo in get path 2018-10-19 14:21:54 -07:00
Allen Snook 2dfc410079 Remove console logging 2018-10-19 14:21:54 -07:00
Allen Snook ad06cee25d Update notes store to include queries 2018-10-19 14:21:54 -07:00
Allen Snook 8622ee7fc4 Disable the activity buttons for now (REST API does not update yet) 2018-10-19 14:21:54 -07:00
Allen Snook 8378423077 Newest notes at the top, please 2018-10-19 14:21:54 -07:00
Allen Snook b8a83bf1e1 Allow selected tags through to the note content 2018-10-19 14:21:54 -07:00
Allen Snook 279be9e66e Add notes to redux, connect to inbox 2018-10-19 14:21:53 -07:00
Allen Snook 47575a9895 Begin adding notes store 2018-10-19 14:21:53 -07:00
Jonathan Belcher 3e92954438 Fixes React Live by pinning buble version (https://github.com/woocommerce/woocommerce-admin/pull/608)
This (sort of) pins buble to the last good version, 0.19.4. react-live uses a ^ version, which picked up the broken release during the renovate update sweep.
2018-10-19 16:36:02 -04:00
Jonathan Belcher 9d5e0dceb6 Temporary fix for dev docs while react-live is fixed (https://github.com/woocommerce/woocommerce-admin/pull/606)
* Temporary fix for dev docs while react-live is fixed

* Return null instead of th element
2018-10-19 14:06:49 -04: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 b168f36cf2 Merge pull request woocommerce/woocommerce-admin#583 from woocommerce/fix/primary-secondary-typo
ChartData: fix typo in primary/secondary data
2018-10-19 11:17:09 +13:00
Paul Sealock 894105e601 ChartData: fix typo in primary/secondary data 2018-10-19 10:15:03 +13:00
Timmy Crawford d64fda9c54 Orders Report: Fix key prop warning. (https://github.com/woocommerce/woocommerce-admin/pull/580) 2018-10-18 13:45:59 -07:00
David Levin f74ae15b91 Update the order of orders report summary numbers (https://github.com/woocommerce/woocommerce-admin/pull/547)
* Update the order of orders report summary numbers

* Teamwork makes the dreamwork.
2018-10-18 13:45:36 -07:00
Paul Sealock 71b2435d96 Merge pull request woocommerce/woocommerce-admin#565 from woocommerce/try/fix-dry-queries-2nd-round
Reports: create queries for data requests in one place
2018-10-19 09:33:12 +13: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
Jonathan Belcher 06163430a4 Add products report Chart and Summary (https://github.com/woocommerce/woocommerce-admin/pull/548)
* Add products report Chart and SUmmary

* Move items sold to primary position
2018-10-18 12:54:38 -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
Albert Juhé Lluveras 8cf34964e5 Align status indicator to the right in Orders table (https://github.com/woocommerce/woocommerce-admin/pull/539)
* Align status indicator to the right in Orders table

* Align 'Order' column to the right in Orders table
2018-10-18 12:43:45 +02:00
Paul Sealock f8e824b609 remove uneeded filters 2018-10-18 21:02:51 +13: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
Paul Sealock 63c18fb51b tests 2018-10-18 12:24:36 +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
Paul Sealock ecdebd8a51 jsDoc 2018-10-18 12:06:33 +13:00
Paul Sealock cf358f50fc Reports: create queries for data requests in one place 2018-10-18 12:02:31 +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
Jonathan Belcher 74d8d431e4 Removes unwanted orders report filters (https://github.com/woocommerce/woocommerce-admin/pull/553) 2018-10-17 16:50:05 -04:00
Jonathan Belcher f6353591e3 Adds report error component (https://github.com/woocommerce/woocommerce-admin/pull/543)
* Adds report error component

* Add ReportError to chart and summary

* Review fixes
2018-10-17 14:56:50 -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
Albert Juhé Lluveras 3982ebc32e Create appendTimestamp() utils function (https://github.com/woocommerce/woocommerce-admin/pull/542)
* appendTimestamp() utils function

* Make appendTimestamp() to throw and error if timeOfDay is not a valid value
2018-10-17 18:01:58 +02: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
Timmy Crawford e8fe6bac83 Remove chart from dashboard. (https://github.com/woocommerce/woocommerce-admin/pull/544) 2018-10-16 18:20:24 -07:00
Jonathan Belcher 69a47f0019 Use analytics summary and graph components in revenue report (https://github.com/woocommerce/woocommerce-admin/pull/523) 2018-10-16 13:42:13 -04:00
Jonathan Belcher 386933a182 Refactors out summary and graph (https://github.com/woocommerce/woocommerce-admin/pull/517)
* Refactors out summary and chart
2018-10-16 12:07:43 -04:00
Albert Juhé Lluveras ae6652b26c Send params with Orders table API calls (https://github.com/woocommerce/woocommerce-admin/pull/519)
* Send params with Orders table API calls

* Add onError case and caching for Orders calls

* Remove unused actions

* Load only 'processing', 'on-hold' and 'completed' orders

* Use NAMESPACE constant instead of hard-coded value

* Comment typos

* Add tests to Orders reducer, resolvers and selectors

* Typos

* Fix JSDoc mismatch
2018-10-16 10:50:07 +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
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
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
Jonathan Belcher 96f2024305 Round average orders in order summary (https://github.com/woocommerce/woocommerce-admin/pull/515) 2018-10-12 11:02:58 -04:00
Jonathan Belcher e93fed650e Merge pull request woocommerce/woocommerce-admin#504 from woocommerce/add/410-order-summary-numbers
Adds Orders Summary and Orders Graph
2018-10-12 10:18:56 -04: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
Jonathan Belcher da8ad49762 Re-add Render Table 2018-10-11 15:30:43 -04:00
Jonathan Belcher 27fa0bfc85 Follow new summary numbers pattern 2018-10-11 15:27:29 -04:00
Jonathan Belcher e3224a5abb Merge branch 'master' into add/410-order-summary-numbers 2018-10-11 14:45:35 -04:00
Justin Shreve c340a808a7 Break out summary number logic from chart/table (https://github.com/woocommerce/woocommerce-admin/pull/510) 2018-10-11 14:45:01 -04:00
Kelly Dwan 3d297a8f5c Reports: Update summary number label based on selected compare interval (https://github.com/woocommerce/woocommerce-admin/pull/506) 2018-10-11 13:46:56 -04:00
Jonathan Belcher f8468ddcf4 Merge pull request woocommerce/woocommerce-admin#497 from woocommerce/update/refactor-out-jquery
Refactors code to vanilla js and removes jQuery
2018-10-11 13:19:55 -04:00
Jonathan Belcher 26300fb953 Adds graphs 2018-10-11 13:07:59 -04:00
Jonathan Belcher aa56621ab8 Get Order Summary working with API 2018-10-11 12:00:06 -04:00
Jonathan Belcher 0a562e6e37 Merge Commit 2018-10-11 11:43:25 -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 8ee2a58fb3 Adds Order Summary Numbers 2018-10-10 16:29:12 -04: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
Jonathan Belcher 9d337ce8e0 Add all instances of menu to toggle current state. 2018-10-10 12:06:32 -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
Jonathan Belcher a947d304dc Reafctors code to vanila js and removes jQuery 2018-10-10 10:24:57 -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 29cfde2ddd Fix activity panel tabs misaligned in Chrome and Safari (https://github.com/woocommerce/woocommerce-admin/pull/478) 2018-09-25 22:34:30 +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
Paul Sealock a299aad167 Coupons: add config, autocompleter 2018-09-21 11:54:22 +12:00
Albert Juhé Lluveras a18a9cd89a Update tooltip title and labels in standard graphs (https://github.com/woocommerce/woocommerce-admin/pull/458)
* Allow adding a label for each specific point in a chart

* Update test fixtures

* Update README with new data format

* Simplify getPreviousDate function code

* Update tooltip dates format

* Add new prop to charts 'tooltipTitle' to override the date tooltip title

* Fix totals not being calculated in charts legend

* Fix JS error when hiding lines in chart

* Fix a couple of issues with chart README

* Add quotes around prop names

* Remove unused variable

* Remove colon after tooltip label
2018-09-20 16:28:22 +02:00
Albert Juhé Lluveras 18be372cad Increase contrast of the tooltip title color (https://github.com/woocommerce/woocommerce-admin/pull/460) 2018-09-20 16:21:21 +02:00
Albert Juhé Lluveras a877f45471 Change default date format for chart tooltips (https://github.com/woocommerce/woocommerce-admin/pull/459) 2018-09-20 16:21:03 +02:00
Paul Sealock a27134e1a6 Merge pull request woocommerce/woocommerce-admin#294 from woocommerce/fix/dropdown-resize
Datepicker: resize dropdown on tab switch
2018-09-20 06:38:03 +12:00
Timmy Crawford b13d0bd2ac Tracks: Record page views on route changes. (https://github.com/woocommerce/woocommerce-admin/pull/452)
* Tracks: Record page views on route changes.

* adjust regex.
2018-09-19 11:23:05 -07:00
Kelly Dwan 60f7c99753 Update label config to provide more specific labeling to each filter (https://github.com/woocommerce/woocommerce-admin/pull/432) 2018-09-19 13:23:57 -04:00
Kelly Dwan 1c6fe0e970 Compare Filter: Wrap up compare card functionality (https://github.com/woocommerce/woocommerce-admin/pull/431)
* Disable compare button if less than 2 items are selected

* Add a placeholder prop to the Search component

* Pass a placeholder label from filter configs for Search

* Add support for a label in Search

* Add Clear All link to reset comparison card

* Add a label when compare button is disabled

* Abstract the conditional tooltip/disabled button logic to a new component

* Add helpText as a customizable label

* Add icon to the search field

* Remove the parameter from query by passing in undefined
2018-09-19 13:16:52 -04:00
Albert Juhé Lluveras 5e87febf04 Chart Legend: Update checkbox styles to outline when unchecked (https://github.com/woocommerce/woocommerce-admin/pull/426)
Chart Legend: Update checkbox styles to outline when unchecked and add focus state
2018-09-19 16:41:13 +02:00
David Levin b487642a65 Merge pull request woocommerce/woocommerce-admin#435 from woocommerce/update/ellipsis-menu-item-padding
Minor padding tweaks to ellipsis menu items
2018-09-18 17:52:56 -07:00
Paul Sealock 2fbfd64525 check to make sure method exists 2018-09-19 10:19:19 +12:00
Paul Sealock cb85f4878f Merge pull request woocommerce/woocommerce-admin#425 from woocommerce/add/advanced-filters-match-param
Advanced Filters: add match param to url
2018-09-19 10:03:06 +12:00
Kelly Dwan cd58cc78ac Build: Update packages (https://github.com/woocommerce/woocommerce-admin/pull/434)
* Update packages to latest versions

* Update snapshot to match updated jest format

* Add missing packages

* Pin docsify-cli to GitHub commit with security fix

* Update engines settings

* Update packages

Again, some things are already out of date from last week

* Regenerate docs
2018-09-18 17:37:57 -04:00
David Levin 12398f9028 Minor padding tweaks to ellipsis menu items 2018-09-18 10:52:37 -07:00
Albert Juhé Lluveras d5657c879d Make buttons to switch between bar and line chart accessible (https://github.com/woocommerce/woocommerce-admin/pull/422)
* Make buttons to switch between bar and line chart accessible

* Use better ARIA roles for line/bar chart buttons
2018-09-18 16:53:55 +02:00
Albert Juhé Lluveras 9d5cd880dd Don't allow unselecting all items in chart legends (https://github.com/woocommerce/woocommerce-admin/pull/427)
* Don't allow unselecting all items in chart legends

* Add correct color to chart legend labels

* Add tests for chart legend enable/disable items logic
2018-09-18 16:53:30 +02: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
Paul Sealock d0dc5f2f88 Advanced Filters: add match param to url 2018-09-18 14:15:41 +12:00
Kelly Dwan 7ecd6d160b Add mock product report, helper functions (https://github.com/woocommerce/woocommerce-admin/pull/387)
* Add a mock table to Products report

* Move onQueryChange to a helper function in nav-utils

* Add function to parse out ID lists from a query parameter

* Add a default value

Prevents undefined query params from erroring on the `.split`

* Use numberFormat rather than forcing type conversion, fix table header name

* Fix duplicate export caused by merge conflict
2018-09-17 12:50:20 -04:00
Timmy Crawford e541d4032f Tracks: Add basic util methods for tracks. (https://github.com/woocommerce/woocommerce-admin/pull/397) 2018-09-17 09:42:04 -07:00
Robert Elliott e79a4b9025 remove he package and rename uniqueDates to ticks 2018-09-17 11:07:11 +02:00
Robert Elliott ddc2645bef check if second x axis tick required 2018-09-14 10:49:07 -07:00
Robert Elliott ac8952d7ec Component - Chart: factorial spacing of x-axis ticks (https://github.com/woocommerce/woocommerce-admin/pull/398)
* remove circles on more than 50 x points

* x-axis interval spacing

* factorial spacing of x-axis ticks

* limit pipes too

* catch recursion infinity issue and add layout
2018-09-14 10:43:53 -07:00
Timmy Crawford 8eb0906287 Chart: Add styling needed to not be wrapped by card. (https://github.com/woocommerce/woocommerce-admin/pull/408)
* Chart: Add styling needed to not be wrapped by card.

* Add negative top margin back

* Fix placeholder css.
2018-09-14 09:17:39 -07:00
Albert Juhé Lluveras 70bb1d28c8 IE11: fix dates overlapping in Custom filter (https://github.com/woocommerce/woocommerce-admin/pull/411) 2018-09-14 17:35:04 +02: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 5669eb4b1a Make it possible to navigate charts with the keyboard (https://github.com/woocommerce/woocommerce-admin/pull/399)
* Hide tooltip when mouse leaves chart bars

* Allow focus on chart lines/bars and show tooltip

* Extract position calculation to a function

* Make columns focusable instead of individual points in line charts
2018-09-14 14:57:09 +02:00
Robert Elliott b5b84fe72c Merge pull request woocommerce/woocommerce-admin#393 from woocommerce/fix/rev-report-chart-date-parser
Revenue Report: align date formats for the chart
2018-09-14 12:37:16 +02:00
Robert Elliott a08cb0dd70 remove d 2018-09-14 11:57:50 +02:00
Robert Elliott 45089c1602 2nd x-axis format 2018-09-14 11:53:54 +02:00
Albert Juhé Lluveras b0c489bab1 IE11: avoid reviews date overlapping product name (https://github.com/woocommerce/woocommerce-admin/pull/400) 2018-09-14 09:19:36 +02:00
Paul Sealock b125c75eef Merge pull request woocommerce/woocommerce-admin#386 from woocommerce/add/advanced-filters-search-getLabels
Advanced Filters: Add api fetch for Search results
2018-09-14 11:17:59 +12:00
Paul Sealock 9629a46da1 update to latest GB changes 2018-09-14 11:16:19 +12:00
Paul Sealock 5a2ba2c9f2 Merge pull request woocommerce/woocommerce-admin#396 from woocommerce/fix/popover-positioning
Dropdown: fix positioning
2018-09-14 10:18:44 +12:00
Paul Sealock 842c23201e AdvancedFilters: Update Search usage to use 'getLabels' from config 2018-09-14 10:17:35 +12: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
Paul Sealock 713dd242c7 Datepicker: resize dropdown on tab switch 2018-09-13 14:47:48 +12:00
Paul Sealock d5546e0858 Dropdown: fix positioning 2018-09-13 11:44:50 +12:00
Paul Sealock 361b6de834 Advanced Filters: Filter button improvements 2018-09-13 11:07:53 +12:00
Robert Elliott abe27333ae remove uncommented style 2018-09-12 15:24:45 +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 b276750955 html encoder for currency symbols 2018-09-12 13:16:44 +02:00
Robert Elliott a7ed5f0c85 html encoder for currency symbols 2018-09-12 13:16:36 +02:00
Robert Elliott 29113cffe8 align date formats for the chart 2018-09-12 09:22:08 +02:00
Paul Sealock 925140fc78 Merge pull request woocommerce/woocommerce-admin#349 from woocommerce/add/advanced-filters-url-support
Advanced Filters: Add url support
2018-09-12 14:31:13 +12:00
Justin Shreve baf44d030f Add interval handling to the revenue report. 2018-09-12 12:28:25 +12:00
Kelly Dwan ed1b847067 Fix Gutenberg 3.7 compatibility: Remove APIProvider (https://github.com/woocommerce/woocommerce-admin/pull/390)
* Remove APIProvider

Unused in the project, and deprecated in gutenberg

* Remove wp-api dependency
2018-09-11 15:48:43 -04:00
Robert Elliott 4d155cd015 line and bar icon buttons 2018-09-11 13:10:36 +02:00
Albert Juhé Lluveras ae8739d63f Add required polyfills so react-dates works in Internet Explorer 11 (https://github.com/woocommerce/woocommerce-admin/pull/356)
react-dates developers recommend using airbnb-browser-shims, but doing some
testing I found loading the required polyfills individually instead of the
entire Airbnb Browser Shims package produces smaller builds.
2018-09-11 09:28:50 +02:00
Albert Juhé Lluveras 8932f99038 Add fallback gutter for browsers that don't support CSS Custom properties (https://github.com/woocommerce/woocommerce-admin/pull/372) 2018-09-11 09:27:13 +02:00
Paul Sealock 3e7bed27cc Search: move selected from state to props 2018-09-11 16:18:10 +12:00
Robert Elliott e38284eb96 Merge pull request woocommerce/woocommerce-admin#381 from woocommerce/add/chart-legend-order
Chart Component: remove chart legend ordering for layout=standard and color scales
2018-09-10 16:04:36 +02:00
Robert Elliott 65f9b7540b Merge pull request woocommerce/woocommerce-admin#380 from woocommerce/add/chart-legend-layout
Chart Component: standard vs comparison legend layout
2018-09-10 16:03:01 +02:00
Robert Elliott 4242a64f30 add smallcolorscale fractions for chromatic scaled colors 2018-09-10 15:59:14 +02:00
Kelly Dwan eee638b12b Component – Filters: Add "comparison" card (https://github.com/woocommerce/woocommerce-admin/pull/368)
* Add a new component with product search for the compare card

* Get product names from API when passed through URL

* Abstract out the products-related code into filter settings

* Update filters to provide multiple comparisons

Alternative to the “Compare [dropdown]” approach

* Update documentation

* Wipe selected items when the compare-type is updated

* Update labels & order of items in filter dropdown

* Add getLabels prop & description
2018-09-10 09:59:14 -04:00
Robert Elliott 3fdd9164c8 only sort on totals for layout=comparison & add dateParser prop for date formatting 2018-09-10 14:57:36 +02:00
Robert Elliott bf6a647c79 standard vs comparison legend layout 2018-09-10 13:32:13 +02:00
Kelly Dwan cbce093df1 Add “product category” autocompleter (https://github.com/woocommerce/woocommerce-admin/pull/367) 2018-09-07 15:39:04 -04:00
Albert Juhé Lluveras 069fcb7fe6 IE11: fix Card layout broken because it was using CSS grid (https://github.com/woocommerce/woocommerce-admin/pull/370) 2018-09-07 17:52:51 +02:00
Robert Elliott 74514a2b48 Merge pull request woocommerce/woocommerce-admin#350 from woocommerce/fix/chart-design-feedback
Merging this.

@LevinMedia please continue to post additional issues or comments on the master thread woocommerce/woocommerce-admin#164
2018-09-07 14:54:58 +02:00
Robert Elliott 91a8a9eec3 improve jsdoc and remove Math.round() 2018-09-07 14:48:07 +02:00
Robert Elliott 1ed72ede25 colour -> color 2018-09-07 14:45:29 +02:00
Robert Elliott 8829498466 set d3 local and update number format 2018-09-07 14:39:35 +02:00
Robert Elliott 9e4062c51f set d3 local and update number format 2018-09-07 14:39:31 +02:00
Robert Elliott 90cb4ba6c8 fix vertical line on hover 2018-09-07 12:41:40 +02:00
Robert Elliott a8449b08c0 left align y-axis text 2018-09-07 12:28:02 +02:00
Albert Juhé Lluveras f12f431a2b Fix Date filters grid not displaying correctly in IE11 (https://github.com/woocommerce/woocommerce-admin/pull/366) 2018-09-07 11:43:52 +02:00
Robert Elliott 233c7755f7 hover confusion 2018-09-07 11:21:52 +02:00
Robert Elliott 58efdd90c0 massaging y ticks and updating tests 2018-09-06 18:21:33 +02:00
Robert Elliott 709e5a2896 header legend hover styling 2018-09-06 18:21:33 +02:00
Robert Elliott 7dd2883f56 tooltip formatting 2018-09-06 18:21:31 +02:00
Robert Elliott 93aae38b8a pipes, months, formatting 2018-09-06 18:15:08 +02:00
Robert Elliott c11da940e2 if legend item unchecked no hover status
modified:   client/components/chart/legend.js
	modified:   client/components/chart/style.scss
	modified:   package-lock.json
2018-09-06 18:15:08 +02:00
Robert Elliott 2df9b05b5f Merge pull request woocommerce/woocommerce-admin#360 from woocommerce/add/chart-intervals
Chart Component: Add/chart intervals
2018-09-06 18:10:37 +02:00
Robert Elliott 0f66375b88 updated from feedback 2018-09-06 17:58:24 +02:00
Albert Juhé Lluveras 090ecf3a8a IE11: fix CSS grid in Summary (https://github.com/woocommerce/woocommerce-admin/pull/353)
* Fix Summary values not visible with IE11

* Fix Summary grid for IE11

* Move grid position mixin to _mixins file, so it can be used for other elements

* Remove set-grid-positions mixin and improve code understandability
2018-09-06 17:11:34 +02:00
Robert Elliott fddeb2502c exmple-hour update 2018-09-06 11:40:29 +02:00
Robert Elliott 0ad4b9a312 updated tests with latest date format 2018-09-06 11:12:03 +02:00
Robert Elliott b73f2ba47d updated README 2018-09-05 23:22:34 +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
Justin Shreve 898a82ca1d Fix wp-admin navigation active state (https://github.com/woocommerce/woocommerce-admin/pull/352) 2018-09-05 14:37:26 -04:00
Justin Shreve f5479e1c18 Add loading indicators, error state, and EmptyContent to the revenue report. (#347, woocommerce/woocommerce-admin#348)
* Add loading indiciators for the revenue report.

* Improve accessibility, and fix up some documentation comments.

* Fix top border on mobile

* Add EmptyContent Component and revenue error/empty states. (https://github.com/woocommerce/woocommerce-admin/pull/348)

* Add EmptyContent Component and revenue error/empty states.

* Move relative image handling to ImageAsset, combine secondary and primary action rendering, add some missing isRequired proptypes, add empty error handling.

* Handle PR Feedback: Clean up button css, set a default for illustration, fix deprecation typo, some code cleanup.
2018-09-05 12:45:49 -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
Paul Sealock ab97ed02c7 Search: move selected from state to props 2018-09-04 12:02:40 +12:00
Justin Shreve 4e2661f3f1 Connect the revenue report to the api (https://github.com/woocommerce/woocommerce-admin/pull/316) 2018-09-03 11:25:38 -04:00
Albert Juhé Lluveras e94ae40d4d Use native Array.isArray() instead of lodash function (https://github.com/woocommerce/woocommerce-admin/pull/346) 2018-09-03 17:09:09 +02:00
Albert Juhé Lluveras 71171ec80b IE11: fix Acitvity Panel tab icons missing and wrong alignment (https://github.com/woocommerce/woocommerce-admin/pull/345) 2018-09-03 17:08:19 +02:00
Albert Juhé Lluveras da2317f154 Add CSV download to Revenue table (https://github.com/woocommerce/woocommerce-admin/pull/326)
* Add CSV download to Revenue table

* Set revelant file name for revenue CSV file download

* Add package-lock.json

* Move CSV download logic inside /lib/

* Remove 'totals' from table CSV

* Check parameters are arrays in generateCSVDataFromTable

* Add @TODO comment about downloading large sets of data
2018-09-03 09:54:45 +02:00
Kelly Dwan d36511479e Docs Project: Add documentation parser + inline documentation (https://github.com/woocommerce/woocommerce-admin/pull/336)
* Switch all components to default exports

This ensures we can read all components for documentation generation (plus, standardizing is good)

* Add documentation to component file

* Fix table exports

* Move readme docs into inline docs

Includes updating new props, adding prop shapes

* Add doc-generation scripts to pull exported component docs into folder

* Remove key propType, causing react special-keys warning

* Fix proptype

* Update incorrect comment

* Remove template import, we can just use string concat

* Fix typo, update docs
2018-08-31 13:27:21 -04:00
Kelly Dwan 7711da472a Docs Project: Component cleanup (https://github.com/woocommerce/woocommerce-admin/pull/334)
* Validate component with helper function

Fixes compat issue with react-docgen

* Switch all components to default exports

This ensures we can read all components for documentation generation (plus, standardizing is good)

* inValidDays -> invalidDays

Invalid is a single word, so by capitalization rules the V should be lowercase

* Export child-components of Chart

* Fix table exports
2018-08-31 13:19:13 -04:00
David Levin 4ee6becb6d Merge pull request woocommerce/woocommerce-admin#335 from woocommerce/update/mobile-card-styles
Update Card Component Styles on Mobile
2018-08-31 07:55:35 -07: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
David Levin 808c49fd4e Merge pull request woocommerce/woocommerce-admin#332 from woocommerce/update/319-datepicker-design-details
updating datepicker styles
2018-08-30 16:33:07 -07:00
David Levin ea672cdedb update mobile card styles 2018-08-30 16:02:12 -07:00
Paul Sealock 89f5057d58 Hide react-dates container 1px 2018-08-31 09:53:25 +12:00
Paul Sealock dea96a02c5 Merge pull request woocommerce/woocommerce-admin#325 from woocommerce/fix/popover-in-popover
DatePicker: Fix Error message positioning on non-mobile widths
2018-08-31 09:30:40 +12:00
Paul Sealock 4580fc453e Merge pull request woocommerce/woocommerce-admin#324 from woocommerce/fix/invalid-date-error-msg
DaptePicker: fix erorr message popover
2018-08-31 09:29:23 +12:00
Paul Sealock 431caff91f Datepicker: change Reset btn to default style 2018-08-30 11:07:34 +12:00
Paul Sealock f48fdd2dea Segmented-selection: remove focus outline in favor of inset box-shadow 2018-08-30 08:21:59 +12:00
David Levin a44d94c7d5 updating datepicker styles 2018-08-29 09:11:35 -07: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
Paul Sealock f6ca6ad366 uncomment code 2018-08-29 16:05:01 +12:00
Paul Sealock 349f8e9d91 Datepicker: use negative margin on popover to avoid creating a new position context 2018-08-29 16:02:16 +12:00
Paul Sealock cddb65813b uncomment needed code 2018-08-29 15:03:55 +12:00
Paul Sealock aae27050b4 set width expl 2018-08-29 15:03:20 +12:00
Paul Sealock e137f7af60 DaptePicker: fix erorr message popover 2018-08-29 14:50:34 +12:00
Kelly Dwan e19aff2169 Components: Add a search component based on Autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/322)
* Add `Search` & `Tag` components

* Fork the Autocomplete component to support a single completer & input field

* Add results inline, not as popover

* Highlight search term in results list

* Check if the item is already selected

* Update docs

* Remove unused properties

* Remove temporary max-width

Once merged, we can tweak real styles

* Use stringifyQuery
2018-08-28 15:15:24 -04:00
Kelly Dwan 4e995590db Store: Add product API + state handlers (https://github.com/woocommerce/woocommerce-admin/pull/321)
* Add product state

* Add products store tests
2018-08-28 14:43:26 -04:00
David Levin c06c3b0cef Merge pull request woocommerce/woocommerce-admin#318 from woocommerce/update/datepicker-styles-updates
Updates to presets / custom toggle and segmented selection
2018-08-23 12:15:59 -07:00
David Levin c39e6f1edb style updates per review 2018-08-23 11:21:04 -07:00
Kelly Dwan d007105ec1 Animation mixin + add `prefers-reduced-motion` support to existing animations (https://github.com/woocommerce/woocommerce-admin/pull/317)
* Add mixin to control transform animation

* Add `prefers-reduced-motion` support to animations

* Fix duration variable
2018-08-23 13:47:27 -04:00
David Levin c835432c88 Updates to segmented selection and presets / custom toggle 2018-08-22 19:07:19 -07:00
Kelly Dwan 4b30e78ae6 Filters: Remove `filterpaths` props (https://github.com/woocommerce/woocommerce-admin/pull/315)
* Filters: Remove filterPaths, add path as property to filters object

* Set a default path, so we only need to configure it for changed paths

* Fix nav & filter fetching for nested lists

* Add “go back” functionality to all subfilter lists, not only ones with components set

* Make label optional on component options

* Update documentation to remove mention of filterpaths

* Add documentation on the filters structure
2018-08-22 16:20:19 -04:00
Kelly Dwan 14e4aa11dd Fix the summaryNumber display when in toggle-button state (https://github.com/woocommerce/woocommerce-admin/pull/313)
* Fix the summaryNumber display when in toggle-button state

* Fix right border
2018-08-22 14:08:48 -04:00
Timmy Crawford af928f6773 Store: Add generic reports stats support. (https://github.com/woocommerce/woocommerce-admin/pull/307)
* Store: Add generic reports stats support.

* Updates per feedback.

* Change format and export reducer
2018-08-22 10:54:48 -07:00
David Levin f9eea91eed Add transition to chevron 2018-08-22 07:50:10 -07:00
David Levin ad5e661f8a Updated dropdown button styles 2018-08-21 21:44:01 -07:00
Kelly Dwan f36d89cfaf Add path & query back to filter props (https://github.com/woocommerce/woocommerce-admin/pull/308) 2018-08-21 15:03:20 -04:00
Kelly Dwan 39ca2cc627 Remove apiRequest in favor of apiFetch (https://github.com/woocommerce/woocommerce-admin/pull/309) 2018-08-21 15:02:49 -04:00
Timmy Crawford f4814ee46f Merge pull request woocommerce/woocommerce-admin#306 from woocommerce/update/revenue-chart
Revenue Report: Use href on SummaryNumber components.
2018-08-21 08:44:29 -07:00
Kelly Dwan 6ce012a2e7 Extensions: Add filter to allow third-party registration of reports (https://github.com/woocommerce/woocommerce-admin/pull/298)
* Create page helper function

* Enable filtering of report content for extensions to inject new reports

* Add error boundary

* Add documentation for the reports filter
2018-08-20 17:24:17 -04: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 f555fed33a Revenue Report: Use href on SummaryNumber components. 2018-08-20 13:40:17 -07:00
Timmy Crawford 11524e19e1 Merge pull request woocommerce/woocommerce-admin#304 from woocommerce/add/revenue-chart
Analytics: Add Chart to Revenue Report
2018-08-20 09:30:04 -07:00
Timmy Crawford 9033d88b84 Remove trailing slash. 2018-08-20 09:23:33 -07:00
Timmy Crawford 85e428c2d4 Analytics: Add Chart to Revenue Report. 2018-08-17 15:47:54 -07:00
Timmy Crawford 8a90563690 Dashboard: Use isNumeric in Top Selling Products. 2018-08-16 16:42:32 -07:00
Kelly Dwan 0286bd9109 Apply scope only to the row headers (https://github.com/woocommerce/woocommerce-admin/pull/300) 2018-08-16 10:37:10 -04:00
Justin Shreve 4397ce8271 Add Revenue Report API/data-layer (https://github.com/woocommerce/woocommerce-admin/pull/293)
* Adds data layer functions for fetching the revenue report API

* Handle PR feedback: jsDoc updates, create query string util function, api namespace constat.

* Serialize query args in a consistent order
2018-08-15 09:44:49 -04:00
Robert Elliott 410104a5cd Merge pull request woocommerce/woocommerce-admin#291 from woocommerce/add/chart-title
D3 Chart Component: add title
2018-08-15 09:24:30 +02:00
Kelly Dwan c16be4d061 Add ReportFilters Component
Add new function to merge query params into a given path

Add a new ReportFilter component, which extracts the date picker & filter picker

Add basic framework for product search

Add new AdvancedFilter to filter options

Remove duplicate CSS

Use library function for merging new query+path

Move filters folder out of reports

Use filter constant

Add README

Add path & query helper functions

Move filters into component folder

Switch to getPath/getQuery helpers

Update classes & merge styles

Remove query/path from READMEs

Add a readme to nav-utils
2018-08-15 11:15:30 +12:00
Justin Shreve d4751e2c73 Fix Column Toggle Error (https://github.com/woocommerce/woocommerce-admin/pull/296)
* Fix column toggle error

* Use rows prop from props, preventing unnecessary re-rendering
2018-08-14 12:43:35 -04: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 2b92b62ccd SummaryNumber: Update style of dropdown on smaller screens (https://github.com/woocommerce/woocommerce-admin/pull/288)
* Update style of dropdown on smaller screens

* Switch chevron orientation when dropdown is open

* Update font size/spacing in the dropdown

* animate the chevron
2018-08-13 11:25:11 -04:00
Kelly Dwan 9d19bc66c0 Layout: Fix spacing on Card component (https://github.com/woocommerce/woocommerce-admin/pull/283) 2018-08-13 11:24:48 -04:00
Robert Elliott 662c36e5e7 use gap 2018-08-13 13:27:15 +02:00
Robert Elliott f08a724f48 add title 2018-08-13 13:09:44 +02:00
Robert Elliott 9b9dbde858 bg button for safari and right margin 2018-08-13 12:32:08 +02:00
Robert Elliott 3c9b5dd166 fix some testy black hole color scale oddities 2018-08-13 12:24:11 +02:00
Robert Elliott fd97d03317 rescale based on selections 2018-08-13 12:24:10 +02:00
Robert Elliott 11d6e8ba87 rebase with master after some afk 2018-08-13 12:24:10 +02:00
Robert Elliott da5d6600e5 move to getderivedstate 2018-08-13 12:24:09 +02:00
Robert Elliott bbc7e13e3e split out example.js and index for component 2018-08-13 12:23:50 +02:00
Robert Elliott 0c7d016629 D3 Chart Component: split out example + index and handle full-width 2018-08-13 12:22:58 +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 74ba8b2091 remove table modifications. 2018-08-09 10:50:40 -07:00
Paul Sealock b427249aa1 Advanced Filters: add card and config 2018-08-09 12:16:46 +12: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 94f87d96c9 Merge pull request woocommerce/woocommerce-admin#279 from woocommerce/add/dashboard-columns
Overview: Add Columns
2018-08-08 11:59:27 -07:00
Timmy Crawford 0de60d5685 Update breakpoint 2018-08-08 10:21:38 -07:00
Timmy Crawford c653b601ca Merge pull request woocommerce/woocommerce-admin#280 from woocommerce/fix/navbar-zindex
Header: Set z-index greater than popover
2018-08-07 17:12:25 -07:00
Timmy Crawford 617771de1c Orders Panel: Add default prop object. 2018-08-07 13:11:30 -07:00
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 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 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
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
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
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
Timmy Crawford e20ccf1fe1 Use swagger mock endpoints to fetch data. 2018-06-26 14:25:42 -07:00
Kelly Dwan f9ae8120e2 Update docs 2018-06-26 14:22:23 -07:00
Kelly Dwan ff80ca0122 Use formatCurrency in the orders activity list 2018-06-26 14:22:23 -07:00
Kelly Dwan 17cbf3a3ad Add `formatCurrency`, which relies on a global currency object and local set on wcSettings 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
Timmy Crawford 652fdd8be1 Add support for different report components, and create revenue report component. 2018-06-14 13:15:11 -07: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
Kelly Dwan 29136ce44c Show real orders in the sidebar orders tab (https://github.com/woocommerce/woocommerce-admin/pull/105)
* Add an activity list component which will fetch and display the respective tabs’ content

* Add currency and order calculation helpers from Calypso

* Add date support to ActivityCard

* Fix the product label when there’s only 1 product

* Only display the orders on the orders tab

* Remove demo component

* PR feedback

- Switch to function components
- Check isLoading for showing loading state
- use v3 of WC API
- Remove getOrderShippingMethod (it’s not a tax-related function)
- Switch to array.reduce
- Add `|| 0` protect to all possible API-based calculations
2018-06-07 12:05:22 -04:00
Paul Sealock b25fdc3f31 DatePicker: Add url support and container 2018-06-05 10:20:25 +12:00
Justin Shreve 59cb071aa2 Expand WP notices with header toggle (https://github.com/woocommerce/woocommerce-admin/pull/101)
* Display WP notices behind a button

* Expand WP notices inline when the WP toggle is clicked

* Update setState calls

* Fix string display when only 1 notice is present

* Remove display:none that snuck in during rebase
2018-06-04 10:25:41 -04:00
Robert Elliott a932758fc7 Merge pull request woocommerce/woocommerce-admin#73 from woocommerce/add/d3-base-component
D3: adding base component
2018-06-03 02:15:30 +02:00
Kelly Dwan e0d05ecfa0 Add a label to Count to add context for screen reader users (https://github.com/woocommerce/woocommerce-admin/pull/102)
* Add a label “Total” to the count balloon

* Update README

* Switch to an aria-label, so that we can set a fully translatable string

* Update README to make label default clear
2018-06-01 10:39:48 -04:00
Robert Elliott 8216841490 adding README from Calypso 2018-06-01 16:35:51 +02:00
Kelly Dwan b0bcce86d8 Add CSS naming conventions following Gutenberg’s standards (https://github.com/woocommerce/woocommerce-admin/pull/99)
* Add CSS naming conventions following Gutenberg’s standards

* Update `woo-dashboard` to `woocommerce-layout`

* Update admin notice container to new classname standard
2018-06-01 10:35:18 -04:00
Kelly Dwan a01861d886 Add README for `useFilters`, clean up example filter (https://github.com/woocommerce/woocommerce-admin/pull/100)
* Add README for useFilters

* Remove unused filter example
2018-06-01 10:34:54 -04:00
Kelly Dwan 4191d7adab Add ActivityCard component (https://github.com/woocommerce/woocommerce-admin/pull/86)
* Add an ActivityCard component

* Add font-size mixin, hover-state mixin, and a fake base padding

* Style the ActivityCard

* Style the card image

* Add README

* Address PR feedback

- Add className prop
- children propType is required
- Link to a real image
2018-05-25 15:34:35 -04:00
Justin Shreve e110283997 Set document title (https://github.com/woocommerce/woocommerce-admin/pull/79)
* Set the document title based on header sections

* Set dashboard default title via PHP to avoid a title switch
2018-05-24 12:03:03 -04:00
Justin Shreve 893298aa5d Update Agenda widget to use Count component (https://github.com/woocommerce/woocommerce-admin/pull/81)
* Update Agenda widget to use Count component

* Move font-weight rule to count component
2018-05-24 11:45:32 -04:00
Paul Sealock ee5e314668 Merge pull request woocommerce/woocommerce-admin#63 from woocommerce/add/segmented-selection
Component: add segmented selection
2018-05-24 11:19:21 +12:00
Paul Sealock 631ce420a4 Component: add segmented selection 2018-05-24 11:14:19 +12:00
Kelly Dwan a56437c9c8 Fix React warnings for nested components/className (https://github.com/woocommerce/woocommerce-admin/pull/83)
* Fix class/className warning

* Fix nested `a` warning

* Add note about SCRIPT_DEBUG
2018-05-23 14:01:41 -04:00
Justin Shreve ab4b0b16ed Fix notifications JS error & masterbar menu CSS (https://github.com/woocommerce/woocommerce-admin/pull/74) 2018-05-23 12:40:10 -04:00
Paul Sealock 558d163f35 Sidebar: Add Tabs 2018-05-23 12:42:26 +12:00
Justin Shreve d47454300a Add timeline separator/heading to the sidebar (https://github.com/woocommerce/woocommerce-admin/pull/71)
* Add a timeline separator to the sidebar.

* Rename Timeline/Separator to SidebarHeader
2018-05-22 16:15:00 -04:00
Justin Shreve 7b0d0b1fed Update wp-admin navigation structure (https://github.com/woocommerce/woocommerce-admin/pull/70)
* Updates wp-admin navigation structure: Dashboard is now under WooCommerce, and Analytics is moved visually under WooCommerce

* Fix focus padding issue and make sure arrow displays for the current submenu
2018-05-22 15:59:32 -04:00
Justin Shreve d4ade607d8 Add agenda widget base and related components (https://github.com/woocommerce/woocommerce-admin/pull/57)
* Add agenda widget with accordion

* Add AgendaItem, README, and do some cleanup

* Handle PR Feedback: Rename AgendaAccordion to AgendaGroup, accept an href prop for a non-accordion state. Accept onClick or href for AgendaItem, a11y fixes, fix some typos, update examples & README.

* Address PR Feedback: Rename AgendaGroup to AgenaHeader, use a direct link for href mode, use IconButton instead of Button & Dashicon, pull out link rendering to its own method. Use <Link /> for app links.

* Combine box-shadow focus/hover rule and add transparent background

* Make `count` optional
2018-05-22 11:19:56 -04:00
Robert Elliott 7050868638 d3 base component 2018-05-22 15:00:06 +02:00
Kelly Dwan 8f23630269 Layout: Add structure components & CSS (https://github.com/woocommerce/woocommerce-admin/pull/45)
* Refactor dashboard layout into new Layout components

* Style the new layout

* Use Slot/Fill for the Header component

* Center cards, fixed size for sidebar

* Only set the box-sizing on things within our app

* Make app the full height of the wp-admin frame

* Add styles to show/hide sidebar

* Toggle the sidebar

* Wrap router around entire Layout, use page setting to show/hide sidebar on page

* Fix the styles on show/hide buttons, add title & close button to the sidebar

* Use a min-height on visible sidebars

* Add/update READMEs

* Update space between main content & sidebar
2018-05-18 13:31:08 -04:00
Kelly Dwan 3554c4ef7d Tests: Add Jest with Gutenberg as a npm dependency (https://github.com/woocommerce/woocommerce-admin/pull/43)
* Add Jest testing with Gutenberg as a dependency

* Add test using Enzyme

* Update for “element” moving

Something also must have moved api-request, so we mock that import now
2018-05-16 10:59:03 -04:00
Justin Shreve f8f0464eba Fix CSS reset duplication (https://github.com/woocommerce/woocommerce-admin/pull/56) 2018-05-16 10:42:39 -04:00
Justin Shreve 881598fa30 Fix mobile menu and header padding (https://github.com/woocommerce/woocommerce-admin/pull/52)
* Fixes mobile menu and padding for dash pages

* Handle PR feedback
2018-05-15 15:26:07 -04:00
Justin Shreve e5bb7e556b Add routing capabilities with basic analytics page (https://github.com/woocommerce/woocommerce-admin/pull/44)
* Add routing capabilities with basic analytics page

* Pass query string to child component
2018-05-15 11:06:15 -04:00
Kelly Dwan 146547cb1d Components: Add EllipsisMenu component (https://github.com/woocommerce/woocommerce-admin/pull/40)
* Add EllipsisMenu & MenuItem

* Add styles for menu items

* Don’t disable all keyboard interactions

Was breaking tab

* Move EllipsisMenu to client folder

* Clean up unused props & focus state

* Add an unfocusable MenuTitle component

* Update EllipsisMenu exports so that all menu-related components can be pulled from EllipsisMenu

* Make strings translatable

Even demo content should use translation functions :)

* Add README

* Fix arrow position

* Add box-sizing back to global reset
2018-05-14 11:47:42 -04:00
Justin Shreve d7df8ed76e Adds SCSS color variables and breakpoints (https://github.com/woocommerce/woocommerce-admin/pull/39)
* Adds SCSS color variables and breakpoint mixins

* Use webpack to pull in shared CSS

* Move notices reset rule to wpadmin-reset

* Prefix breakpoints, colors, and wpadmin reset
2018-05-14 09:41:30 -04:00
Justin Shreve 1dbf44ef55 Hide notices on woo-dash pages (https://github.com/woocommerce/woocommerce-admin/pull/36) 2018-05-11 13:07:53 -04:00
Justin Shreve d380fd7569 Rename js/src to client (https://github.com/woocommerce/woocommerce-admin/pull/38)
* Rename js/src to client/

* Update the prettier format to only look in client/
2018-05-11 12:13:57 -04:00