Commit Graph

3299 Commits

Author SHA1 Message Date
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 bb4f23182a Update property name 2018-06-26 14:22:23 -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 aabd74b15d Check user permissions before manipulating submenu (https://github.com/woocommerce/woocommerce-admin/pull/106) 2018-06-08 13:11:24 -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 a8682ccc70 Pin Gutenberg version to 2.9.0 for tests (https://github.com/woocommerce/woocommerce-admin/pull/66)
* Pin Gutenberg to V2.9.0

* Update webpack & Jest config for Gutenberg 2.9.0
2018-05-21 11:26:04 -04: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
Timmy Crawford f37da9deb9 Add languages directory and README. 2018-05-14 14:45:11 -07: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
Kelly Dwan a629041508 Components: Add a "Card" component (https://github.com/woocommerce/woocommerce-admin/pull/31)
* Add a Card component

* Add basic styling

* Update example card

* `instanceOf` doesn’t work like expected, but we can require a specific component by looking at shape + object.type

* Use module-relative paths for components
2018-05-10 15:23:41 -04:00
Kelly Dwan 73f7284d77 Build Tools: Add precommit/prepush scripts, install if outdated (https://github.com/woocommerce/woocommerce-admin/pull/34)
* Add helper scripts from calypso

* Add the pre-push hook to protect master

* Add required packages

* Update README

* Remove unused package
2018-05-10 15:17:28 -04:00
Justin Shreve 41d9f7c524 Implement header component (https://github.com/woocommerce/woocommerce-admin/pull/26)
* Implements a header component with breadcrumbs

* Handle PR Feedback. Also moves admin URL to an object, and adds a README

* README: Card --> Header typo
2018-05-10 14:35:55 -04:00
Kelly Dwan 9d4bd0961d Add jsx-a11y eslint rules (https://github.com/woocommerce/woocommerce-admin/pull/33) 2018-05-10 14:20:20 -04:00
Kelly Dwan 35d863bfe4 Move use-filters into `higher-order` folder 2018-05-10 12:41:01 -04:00
Kelly Dwan 03aca9f716 Update webpack config so we can use src-relative paths 2018-05-10 12:35:46 -04:00
Kelly Dwan 9a45e480c7 Fix woocommerce/woocommerce-admin#22 – remove foxhound globals from eslintrc 2018-05-09 12:55:09 -04:00
Kelly Dwan 19733a3049 Fix dependencies of scripts & styles 2018-05-08 10:40:39 -04:00
Kelly Dwan db74d56587 Update packages 2018-05-07 11:19:43 -04:00
Kelly Dwan ea2d3e8d5c Update build destinations for JS and CSS, including global library namespace 2018-05-07 11:10:42 -04:00
Kelly Dwan 612925adc7 Merge pull request woocommerce/woocommerce-admin#12 from woocommerce/update/dashboard-layout-cleanup
Housekeeping: Clean up files, update webpack config
2018-05-07 10:59:13 -04:00
Kelly Dwan 68f6816c01 Merge pull request woocommerce/woocommerce-admin#5 from woocommerce/add/requirements-checking
Check for Gutenberg & WooCommerce before loading the plugin files
2018-05-07 10:56:13 -04:00
Justin Shreve 17f9db1a96 Add optional file parameter to woo_dash_dir_path (https://github.com/woocommerce/woocommerce-admin/pull/11) 2018-05-07 09:38:13 -04:00
Kelly Dwan 658281ea81 Update webpack for more possible future entry points 2018-05-04 15:54:44 -04:00
Kelly Dwan 810711993f Add example “activity” chart to the sidebar 2018-05-04 15:08:03 -04:00
Kelly Dwan 959d47fa49 Update layout to have a sidebar 2018-05-04 15:08:03 -04:00
Kelly Dwan 9dbcf8570c Remove filters from base dashboard component 2018-05-04 15:08:03 -04:00
Kelly Dwan 7b06b4abca Simplify filter example 2018-05-04 15:08:03 -04:00
Kelly Dwan 03e53e1a1e Move “numbers” widget to a new file 2018-05-04 15:08:03 -04:00
Kelly Dwan ed053190b9 Fix Gutenberg detection condition 2018-05-04 14:54:50 -04:00
Kelly Dwan 5e37d798af Add check for `GUTENBERG_DEVELOPMENT_MODE` 2018-05-04 10:46:16 -04:00
Kelly Dwan 4cc9ed1961 Check for Gutenberg & WooCommerce before loading the plugin files 2018-05-03 13:55:53 -04:00
Kelly Dwan e8f9a5faed PHPUnit: Ensure Gutenberg is loaded
Also adds the config from WC’s phpunit file
2018-05-03 13:36:36 -04:00
Justin Shreve 5ab120c910 Add the ability to use withAPIData (https://github.com/woocommerce/woocommerce-admin/pull/2) 2018-05-03 10:15:36 -04:00
Justin Shreve 4718475e8a Add Gutenberg & WooCommerce prereq to the README (https://github.com/woocommerce/woocommerce-admin/pull/1)
* Add Gutenberg prereq to the README

I installed `woo-dash` without Gutenberg installed and ended up getting a fatal error. We should probably fix that as well/handle that better, but if we are going to rely on Gutenberg for the feature plugin we should mention it in the README.

* Add mention of WooCommerce as a prereq
2018-05-02 14:28:59 -04:00
Kelly Dwan 05dacbe212 Add an admin page, build a simple component + filters 2018-04-19 16:40:32 -04:00
Kelly Dwan dbe06969fe Add build process 2018-04-17 19:50:28 -04:00
Kelly Dwan 555da60b01 Initial commit of plugin scaffold 2018-04-17 17:04:17 -04:00