Commit Graph

1749 Commits

Author SHA1 Message Date
Joshua T Flowers d2234a7628 Position transient notices based on nav width (https://github.com/woocommerce/woocommerce-admin/pull/5628)
* Position transient notices based on nav width

* Position notices left when folded or on smaller screens
2020-11-23 14:28:17 -05:00
Jeff Stieler 479eb2c850 Don't show the Orders panel on the homescreen with the Task List (https://github.com/woocommerce/woocommerce-admin/pull/5552)
* Add order count to shared component settings.

* Hide the Orders panel when the store has no orders.

* Check for all order statuses except drafts from the checkout block.
2020-11-23 10:06:55 -05:00
Fernando a4ed451065 Changed price toggle placement (https://github.com/woocommerce/woocommerce-admin/pull/5708)
* Changed price toggle placement

This commit changes the price toggle placement

* Fixed margin

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-11-23 11:40:14 -03:00
Tomek Wytrębowicz da14803c64 Add fancy placeholders for Marketing components (https://github.com/woocommerce/woocommerce-admin/pull/5611)
- Add placeholders for `RecommendedExtensionsItem` and `KnowledgebaseCardPost`. Addresses https://github.com/woocommerce/woocommerce-admin/issues/5375.
- Fix translation of "By" in KnowledgeBase Card. Addresses https://github.com/woocommerce/woocommerce-admin/pull/5611#discussion_r525406563 (comment).
2020-11-23 11:15:07 +01:00
Moon edde19a7fb Stripe - Remove redundant text (https://github.com/woocommerce/woocommerce-admin/pull/5701)
* Remove redundant text

* Remove stripe subtext
2020-11-20 14:48:58 -08:00
louwie17 76954a5e23 Continue showing tasklist even if list is complete, only hide if set to hidden (https://github.com/woocommerce/woocommerce-admin/pull/5673) 2020-11-20 14:46:47 -04:00
Matt Sherman f5f222096a Always call onRemove when action is clicked in Snackbar (https://github.com/woocommerce/woocommerce-admin/pull/5703) 2020-11-19 19:59:49 -05:00
Matt Sherman 64b40a9e39 Fix typo in classname that prevented explicit dismissal button not being styled correctly (https://github.com/woocommerce/woocommerce-admin/pull/5700) 2020-11-19 19:01:57 -05:00
Jeff Stieler daebc45ac9 Fix snackbar dismissal bug (https://github.com/woocommerce/woocommerce-admin/pull/5696)
* Fix hook dependencies.

* Dismiss notices from both stores.

* Pass onRemove2 prop to SnackbarList

Co-authored-by: Matt Sherman <matt@jam123.com>
2020-11-19 16:51:47 -05:00
Rasmy Nguyen b007043d94 Remove check for Jetpack and WCS from Stripe onboarding task (https://github.com/woocommerce/woocommerce-admin/pull/4933)
* Remove check for WC Services and Jetpack

As part of work to move stripe connect logic to the Stripe plugin, this removes the WC Services and Jetpack dependencies from the stripe onboarding flow in WC-Admin.

This also adds a ToS prompt to the stripe OAuth onboarding task. Because we
are removing the Jetpack and WC Services dependencies for Oauth, it is
no longer clear that data will be shared with WC. As such we need to add
this notice.

Further, this adds a link to revert to manual config so that merchants
can opt-out of sharing data with WC.
2020-11-19 02:00:53 +00:00
Joel Thiessen 4e5fa5cee9 Hiding primary tabs on Settings within WooCommerce since it's redundant with items in nav (https://github.com/woocommerce/woocommerce-admin/pull/5630)
* Hiding tabs displayed on wc-status pages as well
2020-11-18 15:54:24 -08:00
Matt Sherman ad78576cf4 Record Tracks events when CES notice/snackbar and modal is viewed (https://github.com/woocommerce/woocommerce-admin/pull/5648) 2020-11-18 15:53:52 -05:00
Sam Seay be47d9d795 Only import the Gridicons we need, to reduce package size. (https://github.com/woocommerce/woocommerce-admin/pull/5668) 2020-11-19 09:52:24 +13:00
Fernando 649cb0f6ad Fixed orders panel flickering (https://github.com/woocommerce/woocommerce-admin/pull/5655)
* Fixed orders panel flickering

This commit fixes the orders panel flickering when Gutenberg is activated

* Fixed badge flickering

* Removed unnecessary line

* Fixed items selector

This commit fixes the items selector. The method 'getItemsTotalCount' was returning the 'defaultValue' instead of the 'totalCount' when  its value was 0

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-11-18 15:59:46 -03:00
Joel Thiessen f8e053dcb4 Renaming navigation body classes to be less generic (https://github.com/woocommerce/woocommerce-admin/pull/5660) 2020-11-18 10:43:20 -08:00
Moon af4c268742 Add key to the component to fix the warning and unexpected behavior (https://github.com/woocommerce/woocommerce-admin/pull/5661) 2020-11-18 15:29:18 -03:00
Fernando e5cf64cb14 Fixed Link component prop (https://github.com/woocommerce/woocommerce-admin/pull/5653)
* Fixed Link component prop

This commit fixes a Link component prop name

* Fixed Link prop

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-11-18 12:31:21 -03:00
Bec Scott ff923bcb82 Add support for an explicit dismiss button to snackbar, as well as an onDismiss callback (https://github.com/woocommerce/woocommerce-admin/pull/5623)
* Add support for an explicit dismiss button to snackbar, as well as an onDismiss callback

* Fix effect dependencies

* Fix disabling auto-dismiss when explicit dismissing is on, fix cursor styles

* fix noops and dismiss on action

* refactor action click handler

* rename dismiss button class

* increase CES modal placeholder z index

* white. space.

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-11-18 12:15:42 +10:00
Joel Thiessen b3e094889a Preventing desktop-sized navigation placeholder from appearing on mobile during load (https://github.com/woocommerce/woocommerce-admin/pull/5616) 2020-11-16 10:11:13 -08:00
louwie17 7a2a361cb8 Update panel icon order - moving help tab far right (https://github.com/woocommerce/woocommerce-admin/pull/5624)
* Allows tabs component to render custom tab components, removing the need for showDisplayOptions

* Add display options logic to getTabs function

* Update const name from PR review suggestion
2020-11-16 09:48:50 -04:00
Jeff Stieler 3857d03e1d Fix WCS slug. (https://github.com/woocommerce/woocommerce-admin/pull/5614)
Tracks data was checking FB install instead.
2020-11-13 15:31:18 -05:00
Bec Scott fde504f9d6 Fix reference to navigation package and fix transient notices so it looks at core/notices as well as core/notices2 (https://github.com/woocommerce/woocommerce-admin/pull/5583)
Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-11-13 11:21:06 +10:00
Bec Scott 0b721d4461 Add icon to snackbar (https://github.com/woocommerce/woocommerce-admin/pull/5563)
* Add an icon to the snackbar displayed for CES

* Change icon from SVG to a unicode emoji pencil

* formatting changes to satisfy CI

* bump ci

* Fix prop types and jsdocs for the customer effort score component

* whitespace >:-(

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-11-13 10:53:28 +10:00
Joel Thiessen b8238d91dc Adding wrapper class around navigation to implement scroll styles/logic (https://github.com/woocommerce/woocommerce-admin/pull/5570) 2020-11-12 09:10:42 -08:00
louwie17 aebd120a16 Replaced default inbox message styling with message-is-unread styling, and deleted message-is-unread styles (https://github.com/woocommerce/woocommerce-admin/pull/5573) 2020-11-12 08:47:40 -04:00
Joshua T Flowers 4dde76e01c Update non-wca pages registered with nav to embed pages (https://github.com/woocommerce/woocommerce-admin/pull/5606)
Co-authored-by: Sam Seay <samueljseay@gmail.com>
2020-11-11 16:27:26 -05:00
Fernando 0e78190fb2 Home screen - Fixed the orders not displaying bug (https://github.com/woocommerce/woocommerce-admin/pull/5590) 2020-11-12 09:28:44 +13:00
Paul Dechov 2b89b403ff Task List: Match Stripe settings to mode of provided keys (https://github.com/woocommerce/woocommerce-admin/pull/5353)
* Match settings to mode of provided keys

* Add validation error for mismatched mode edge case

* Tweak key validation error message for conciseness

* Add test mode case to method's isConfigured check

* Refactor stripe method isConfigured logic for clarity

* Fix small error message typo
2020-11-11 17:09:44 -03:00
Joel Thiessen db6a404ba8 Refactoring logic handling auto-folding navigation to support resize event (https://github.com/woocommerce/woocommerce-admin/pull/5578) 2020-11-11 11:44:58 -08:00
Joshua T Flowers cae0f33e38 Fix non-matching items and post type matching (https://github.com/woocommerce/woocommerce-admin/pull/5593)
* Don't match menu items with a non-positive score

* Match single post type page to post type menu item
2020-11-11 10:16:12 -08:00
Sam Seay 7d32d6db0e Change rendering of homescreen layout so store links are last (https://github.com/woocommerce/woocommerce-admin/pull/5579)
* Change rendering of homescreen layout so store links are last.

* Render in left column in 2 column mode.

* Revert accidental log changes.

* Make homescreen layout component width-aware.

Potentially toggle the two column styling when viewport width changes.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2020-11-11 12:20:15 -05:00
Jeff Stieler c794428710 Fix column scroll collision after layout change. (https://github.com/woocommerce/woocommerce-admin/pull/5586)
* Reset homescreen column stickiness when layout changes.

* Close display options menu when making a selection.
2020-11-11 12:19:24 -05:00
Sam Seay 908f8babb9 Fix a bug where the modal would display even when dismissed. (https://github.com/woocommerce/woocommerce-admin/pull/5581) 2020-11-11 13:23:33 +13:00
louwie17 89b88bd620 Add help tab to the home screen (https://github.com/woocommerce/woocommerce-admin/pull/5538)
* Show help tab always on homescreen, update help icon, and fix tests

* Add items to help menu for homescreen, when taskName is blank

* Add test for homescreen items when taskName is blank

* Add or case for showing help for performingSetupTask, incase setup happens on annother route

* Removed tabindex logic to allow for keyboard navigation when multiples tabs are available

* Update activity panel height and top when new navigation experience is enabled

* Moved style back into scss wrapper and used parent selector - &
2020-11-10 09:36:04 -04:00
Paul Sealock 29f1d823fe Fix homescreen id on client (https://github.com/woocommerce/woocommerce-admin/pull/5564) 2020-11-10 12:02:26 +13:00
Timmy Crawford 95dfca5983 Customers: Update column heading for date registered. (https://github.com/woocommerce/woocommerce-admin/pull/5542) 2020-11-09 13:23:22 -08:00
Moon ad4a0371c3 Add onsubmit_label string that can be used to create a snackbar upon … (https://github.com/woocommerce/woocommerce-admin/pull/5544)
* Add onsubmit_label string that can be used to create a snackbar upon survey submission

* Make onSubmitLabel required
2020-11-09 11:09:04 -08:00
Bec Scott 4cde62561a Copy the snackbar component from Gutenberg into wp-admin (https://github.com/woocommerce/woocommerce-admin/pull/5532)
* Copy the snackbar component from Gutenberg into wp-admin

* Copy @wordpress/data in from Gutenberg

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-11-09 17:17:08 +10:00
Joel Thiessen c8a67bfef9 Navigation: Adding ability for new navigation to scroll when list of links exceed viewport height (https://github.com/woocommerce/woocommerce-admin/pull/5524)
* Adding ability for new navigation to scroll when list of links exceeds the viewport height

* Resetting scroll to the top of element when transitioning menus on navigation
2020-11-06 12:52:01 -08:00
Sam Seay 536f426525 Do a refresh when redirecting to homescreen after OBW to ensure inbox notifications show. (https://github.com/woocommerce/woocommerce-admin/pull/5547) 2020-11-06 16:52:57 -03:00
Jeff Stieler 041aec8ff9 Homescreen layout changes (https://github.com/woocommerce/woocommerce-admin/pull/5465)
* Migrate homescreen specific backend code to its own class.

* Default to single column homescreen.

Create an option to handle the default homescreen layout value.

* Potentially reset sticky column when layout is changed.

* Move homescreen components to their new locations.

* Clean up defunct CSS.

* Default to the two-column layout on existing stores.

* Remove header from inbox notes.

* Add "your store today" header on two column homescreens.

* Set default homescreen layout to two columns when task list is complete or hidden.

* Remove unused variables.

* Add sticky scrolling behavior to both homepage columns.
2020-11-06 12:53:03 -05:00
Fernando f739d1feac Added support for custom actionable statuses (https://github.com/woocommerce/woocommerce-admin/pull/5550)
* Added support for custom actionable statuses

This commit adds support for custom actionable statuses

* Fixed styles

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-11-06 13:50:24 -03:00
Timmy Crawford 8e5e410605 Add missing text domain on home screen stats. (https://github.com/woocommerce/woocommerce-admin/pull/5541) 2020-11-06 08:36:33 -08:00
Fernando 6ae4c5fbfd Home Screen - migrated orders panel (https://github.com/woocommerce/woocommerce-admin/pull/5455)
Fixes woocommerce/woocommerce-admin#5238
2020-11-06 14:21:05 +13:00
Joel Thiessen c73bafbd09 Store Profiler - include Creative Mail as a free extension (https://github.com/woocommerce/woocommerce-admin/pull/5543)
* Include Creative Mail as a free extension in onboarding wizard on main flow
2020-11-05 16:55:44 -08:00
Joshua T Flowers 88a4ed76eb Try: Register plugins under separate navigation menu (https://github.com/woocommerce/woocommerce-admin/pull/5513)
* Create separate methods for registering plugin items

* Fix add plugin category

* Allow scrolling of nav menu

* Use group title

* Add example plugin items

* Make menu item and category methods private

* Add analytics pages to navigation

* Register home item if dashboard feature is enabled

* Allow navigation registration from all wca items

* Update example plugin item registration

* Update order of menu groups

* Update plugins group name to extensions

* Remove temporary scroll fixes
2020-11-05 09:00:04 -05:00
Sam Seay 5c50c4cc03 Restyle the setup task list to match new designs (https://github.com/woocommerce/woocommerce-admin/pull/5520)
Dev: Add the new `<Badge>` component to @woocommerce/components
Dev: Restyle the setup task list header to display incomplete tasks
2020-11-05 10:48:26 +13:00
Bec Scott 2bdab078e0 Use snackbar before CES modal (https://github.com/woocommerce/woocommerce-admin/pull/5406)
* Spike out customer effort score

* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)

* Use an interstitial snackbar to trigger the CES modal

* Moved notice (snackbar) into @woocommerce/customer-effort-score

* Tidy up _webpack.config.js

* Fix linter issues

* refactor setting up CES tracking, add try..catch around loading from localStorage

* Add CES feature toggle (https://github.com/woocommerce/woocommerce-admin/pull/5387)

* Add feature toggle to only enable the customer effort score in development

* Move check into Loader

* fix logic 🙄

Co-authored-by: Rebecca Scott <me@becdetat.com>

* Add client-side check of the feature flag

* fix tabs in config

* Fix comment

* Use product lifecycle and options

* Add product count to tracks props

* Use Loader::load_features instead of DIY

* drop initiallyVisible from container

Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2020-11-04 10:48:56 +10:00
Sam Seay 06f9248572 Reorganize the store management link section and provide extensibility (https://github.com/woocommerce/woocommerce-admin/pull/5476)
Rearrange the store management links under categories and expose extensibility via the `woocommerce_admin_homescreen_quicklinks` filter.
2020-11-04 13:33:04 +13:00
Bec Scott 17c149f66e Only allow Customer Effort Score gathering if tracking is allowed (https://github.com/woocommerce/woocommerce-admin/pull/5365)
* Spike out customer effort score

* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)

* Tidy up _webpack.config.js

* Fix linter issues

* refactor setting up CES tracking, add try..catch around loading from localStorage

* Add CES feature toggle (https://github.com/woocommerce/woocommerce-admin/pull/5387)

* Add feature toggle to only enable the customer effort score in development

* Move check into Loader

* fix logic 🙄

Co-authored-by: Rebecca Scott <me@becdetat.com>

* Add client-side check of the feature flag

* fix tabs in config

* Fix comment

* Use product lifecycle and options

* Add product count to tracks props

* Display CES modal once per event per store

* Remove TODO

* appease the formatting gods

* Use Loader::load_features instead of DIY

* Drop CustomerEffortScoreTracks singleton

* Fix tracks event name

* Only add the CES JS if tracking is allowed

* Only display the CES modal if tracking is allowed

* bump ci

* Pull package-lock.json from main

* Refactor to remove some duplication

* Revert to keep toggleVisible etc

Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2020-11-04 10:30:34 +10:00
Bec Scott 00eeede732 Display CES modal once per action per store (https://github.com/woocommerce/woocommerce-admin/pull/5352)
* Spike out customer effort score

* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)

* Tidy up _webpack.config.js

* Fix linter issues

* refactor setting up CES tracking, add try..catch around loading from localStorage

* Add CES feature toggle (https://github.com/woocommerce/woocommerce-admin/pull/5387)

* Add feature toggle to only enable the customer effort score in development

* Move check into Loader

* fix logic 🙄

Co-authored-by: Rebecca Scott <me@becdetat.com>

* Add client-side check of the feature flag

* fix tabs in config

* Fix comment

* Use product lifecycle and options

* Add product count to tracks props

* Display CES modal once per event per store

* Remove TODO

* appease the formatting gods

* Use Loader::load_features instead of DIY

* Drop CustomerEffortScoreTracks singleton

* Fix tracks event name

* bump ci

* Pull package-lock.json from main

* Refactor to remove some duplication

Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2020-11-03 11:57:47 +10:00
Joel Thiessen 15b45c9db4 Navigation: Applying styles & behavior for folded menu, including mobile (https://github.com/woocommerce/woocommerce-admin/pull/5497)
* Adding base styles for collapsed nav menu.

* Handling varying behaviour on mobile-sized screens, with the menu overlaying content instead of shrinking the content area.

* Folding the menu by default on screen sizes less than 960px, and if that condition is met after an orientation change

* Refactoring logic from Header/index.js to flag if user has scrolled to apply shadow to folded navigation as well.

* Refactoring styles in navigation feature to allow them to be loaded properly with webpack (with imports/etc).
2020-11-02 16:57:49 -08:00
Bec Scott 0a1cec3d4e Only show CES survey on correct page (https://github.com/woocommerce/woocommerce-admin/pull/5511)
* Spike out customer effort score

* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)

* Tidy up _webpack.config.js

* Fix linter issues

* refactor setting up CES tracking, add try..catch around loading from localStorage

* Add CES feature toggle (https://github.com/woocommerce/woocommerce-admin/pull/5387)

* Add feature toggle to only enable the customer effort score in development

* Move check into Loader

* fix logic 🙄

Co-authored-by: Rebecca Scott <me@becdetat.com>

* Add client-side check of the feature flag

* fix tabs in config

* Fix comment

* Use product lifecycle and options

* Add product count to tracks props

* Use Loader::load_features instead of DIY

* Only show the CES survey in the correct screen

Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2020-11-02 16:08:17 +10:00
Bec Scott 1e1e428354 Add store age to CES tracked data (https://github.com/woocommerce/woocommerce-admin/pull/5373)
* Spike out customer effort score

* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)

* Tidy up _webpack.config.js

* Fix linter issues

* refactor setting up CES tracking, add try..catch around loading from localStorage

* Add CES feature toggle (https://github.com/woocommerce/woocommerce-admin/pull/5387)

* Add feature toggle to only enable the customer effort score in development

* Move check into Loader

* fix logic 🙄

Co-authored-by: Rebecca Scott <me@becdetat.com>

* Add client-side check of the feature flag

* fix tabs in config

* Fix comment

* Use product lifecycle and options

* Add product count to tracks props

* Use Loader::load_features instead of DIY

* Only display the CES modal if tracking is allowed

* Move MONTH constant into @woocommerce/data

* Remove unused const

Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2020-11-02 13:47:15 +10:00
Matthew Harris f284638c7b Fix wrong casing used on the PayPal brand name (https://github.com/woocommerce/woocommerce-admin/pull/5514) 2020-11-02 15:22:50 +13:00
Joshua T Flowers 197320d93e Update navigation width to match designs (https://github.com/woocommerce/woocommerce-admin/pull/5489) 2020-10-30 14:02:22 -04:00
Joshua T Flowers aaaa82779b Prevent double fill of Customers nav slot (https://github.com/woocommerce/woocommerce-admin/pull/5495) 2020-10-30 11:28:34 -04:00
Bec Scott f29995124c Basic customer effort score survey functionality (https://github.com/woocommerce/woocommerce-admin/pull/5324)
* Spike out customer effort score

* Refactor CustomerEffortScore as Package (https://github.com/woocommerce/woocommerce-admin/pull/5342)

* Tidy up _webpack.config.js

* Fix linter issues

* refactor setting up CES tracking, add try..catch around loading from localStorage

* Add CES feature toggle (https://github.com/woocommerce/woocommerce-admin/pull/5387)

* Add feature toggle to only enable the customer effort score in development

* Move check into Loader

* fix logic 🙄

Co-authored-by: Rebecca Scott <me@becdetat.com>

* Add client-side check of the feature flag

* fix tabs in config

* Fix comment

* Use product lifecycle and options

* Add product count to tracks props

* Use Loader::load_features instead of DIY

Co-authored-by: Rebecca Scott <me@becdetat.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2020-10-30 16:52:52 +10:00
Gan Eng Chin 4a28c61d86 Import @wordpress/base-styles/default-custom-properties in CSS file. (https://github.com/woocommerce/woocommerce-admin/pull/5491)
This is to get the root admin scheme color, so that we can use --wp-admin-theme-color in CSS.
2020-10-30 08:33:48 +13:00
Gan Eng Chin 43a54106f3 Convert the marketing tab cards to use the new @wordpress/components Card component. (https://github.com/woocommerce/woocommerce-admin/pull/5428)
* Change WooCommerce Card to WordPress Card in the WelcomeCard component.

Use isElevated and margin-bottom to make the Card look close to previous UI.

* Use WordPress Card in KnowledgeBase.

For the description in Card header, it will be rendered as a p element instead of h2, which should be more semantically correct. Test is updated to reflect this.

* Add Card component wrapper that supports title and description props.

* Use WordPress Card component wrapper in recommended extensions.

* Code refactor to use WordPress Card wrapper.

* Use WordPress Card wrapper in installed extension.

* Use margin-bottom for children layout at the parent CSS level.

* Add test for Card.

* Fix no margin between cards in Coupons page, and remove previous css for WooCommerce Card.

* Remove old WooCommerce Card css.

* Don't use isElevated in Card, to match the style in WooCommerce Home screen.

* Make item border color consistent with WordPress Card in Installed Extension card.

Use WordPress Card without CardBody here because we don't want the padding from CardBody.

* Make the card description look similar to previous WooCommerce Card description.

* Fix spelling in CSS class names.

* Fix WooCommerce spelling in comment.

* Change the Marketing Card style to match with WooCommerce Home style.

Also change the text gray color to use CSS variable instead of hardcoded gray value.

Also remove the usage of h2 in the Card header to follow WooCommerce Home style.

* Use $gray-200 as light borders between items in card.

* Remove unneeded CSS code based on TODO in comment.
2020-10-23 14:41:45 +08:00
Gan Eng Chin f5432beb72 Display a "read blog" message (https://github.com/woocommerce/woocommerce-admin/pull/5453)
* Display a "read blog" message when there is an error in getting blog posts or there is no blog posts.

* Simplify ReadBlogMessage with interpolateComponents and Link.
2020-10-23 14:07:58 +08:00
Joel Thiessen 3c62e171da Navigation: Adding Tracks by tying into wc-admin page view (https://github.com/woocommerce/woocommerce-admin/pull/5466)
* Adding 'has_navigation' flag to tracks pageView events to indicate if new navigation is enabled (https://github.com/woocommerce/woocommerce-admin/pull/5332)

* Testing if navigation is active using window.wcNavigation instead of window.wcAdminFeatures to handle the edge case of a single page opting out
2020-10-22 15:13:57 -07:00
Jeff Stieler eefe2e8acc Add Homescreen layout control (https://github.com/woocommerce/woocommerce-admin/pull/5429)
* Remove inbox-specific class, widen single column.

* Create user preference for homescreen column layout.

* Add display options "tab" to homescreen.

* Style display options.

* Tweak homepage layout option values.

* Add tracks events for homepage layout.

* Add test coverage for homescreen display options.

* No need to use Fragment component.

* Use named exports.

* Fix display options styling on mobile/narrow viewports.

Don't show the options at all if we're forcing single column.

* Fix linting error.
2020-10-22 18:13:14 -04:00
Paul Sealock ff203db3a8 include animate styles (https://github.com/woocommerce/woocommerce-admin/pull/5457) 2020-10-23 10:04:14 +13:00
Joshua T Flowers 11ebc96fbe Show parent as default back button label (https://github.com/woocommerce/woocommerce-admin/pull/5435)
* Show parent as default back button label

* Make back button logic more succinct
2020-10-22 15:56:44 -04:00
Timmy Crawford 22212e83ae Remove no longer used isPanelEmpty logic. (https://github.com/woocommerce/woocommerce-admin/pull/5423) 2020-10-22 08:14:13 -07:00
Paul Sealock 7e351c18a3 Navigation: extend with WC Admin router links (https://github.com/woocommerce/woocommerce-admin/pull/5445)
* add test case

* save

* pages

* comments

* use id

* bail on no wcAdmin pages

* prefix
2020-10-22 16:01:25 +13:00
Joshua T Flowers 84e006cc62 Migrate navigation store to data package (https://github.com/woocommerce/woocommerce-admin/pull/5420)
* Move data store to package and hydrate navigation

* Use wc settings to get site URL and title

* Use wc settings admin link

* Update nav util tests to work with installs in subdirectory
2020-10-21 13:02:45 -04:00
Joshua T Flowers 81a8a28b20 Only show menu group if items exist (https://github.com/woocommerce/woocommerce-admin/pull/5403)
* Only show menu group if items exist

* Improve performance for menu item filtering
2020-10-21 13:01:46 -04:00
Joshua T Flowers c0be4ecb56 Enqueue styles on non-WC pages (https://github.com/woocommerce/woocommerce-admin/pull/5419)
* Enqueue styles on non-WC pages

* Only load extra styles when navigation is enabled
2020-10-20 14:47:11 -04:00
Gan Eng Chin 523eac0131 Display messages for empty content and network request error (https://github.com/woocommerce/woocommerce-admin/pull/5411)
* Code refactor with reducer and new action type SET_ERROR.

* Add default state for errors and code for SET_ERROR for blogPosts.

* Don't use handleFetchError, instead save the error and blogPosts category into redux store.

* Display message for error and empty content.

* Fix grammar; fix relevant test.

* Code refactor: put action type strings in one place.

* Add tests for error UI.

* Remove illustration for empty content with no blog posts.
2020-10-19 23:18:21 +08:00
Sam Seay 91e3e7336d Fix a number of crashes that occur in reports when Gutenberg is active (https://github.com/woocommerce/woocommerce-admin/pull/5409)
Also fix a blank screen issue with rendering reports.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2020-10-17 07:47:29 +13:00
Timmy Crawford 1a94f54837 Home Screen: Always show the inbox for temporary gutenberg plugin fix. (https://github.com/woocommerce/woocommerce-admin/pull/5416) 2020-10-16 10:35:38 -07:00
Fernando 59f836d55f Show orders, stock and reviews activity panels (https://github.com/woocommerce/woocommerce-admin/pull/5400)
This commit fixes the check to show orders, stock and reviews activity panels

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-15 12:49:46 -07:00
Jeff Stieler 7ca9e691d4 Migrate Enzyme tests to React Testing Library (https://github.com/woocommerce/woocommerce-admin/pull/5299)
* Migrate leaderboard tests to RTL.

* Remove test of default prop value.

* Migrate ReportSummary tests to RTL.

* Migrate ActivityCard tests to RTL.

* Migrate ActivityCardPlaceholder tests to RTL.

* Migrate remaining ProductType tests to RTL.

* Migrate Card tests to RTL.

* Update RTL and user event packages.

* Migrate Date tests to RTL.

* Migrate D3Legend tests to RTL.

* Migrate D3Base tests to RTL.

* Migrate Gravatar tests to RTL.

* Migrate ImageUpload tests to RTL.

* Migrate ProductImage tests to RTL.

* Migrate Rating tests to RTL.

* Migrate Search tests to RTL.

* Migrate Plugins tests to RTL.

* Migrate SelectControl tests to RTL.

* Migrate Timeline tests to RTL.

Remove tests that inspect DOM since there are snapshots.

* Migrate DismissModal tests to RTL.

* Migrate SetupNotice tests to RTL.

* Migrate WelcomeCard tests to RTL.

* Fix setup error reason retrieval in ShippingBanner.

* Migrate ShippingBanner tests to RTL.

* Migrate RecommendedExtensions tests to RTL.

* Migrate KnowledgeBase tests to RTL.

* Rename enzyme setup file, modify to setup RTL.

* No need to import jest-dom in test files.

* Remove enzyme dependency.

* Use snapshot for testing Leaderboard markup.

* Switch from "not to be empty" to "be in the document".

* No need to waitFor() recordEvent mock.

* Be specific about clicking the "hide" button.

* Use toBeVisible() instead of checking style property.
2020-10-15 08:41:39 -04:00
Sam Seay fc030fb007 Migrate the devdocs examples to Storybook CSF stories (https://github.com/woocommerce/woocommerce-admin/pull/5271)
Fixes woocommerce/woocommerce-admin#5234
2020-10-15 14:55:55 +13:00
Joel Thiessen f1ce55041c Adding 24px spacing between any sibling nav groups (https://github.com/woocommerce/woocommerce-admin/pull/5329) (https://github.com/woocommerce/woocommerce-admin/pull/5359)
Adding 24px spacing between any sibling nav groups on new navigation feature (https://github.com/woocommerce/woocommerce-admin/pull/5329)
2020-10-14 11:48:21 -07:00
Fernando 4dd0232c44 Added a check to show the "Store Setup" button (https://github.com/woocommerce/woocommerce-admin/pull/5360)
This commit adds a check to show the "Store Setup" button

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-13 12:51:54 -07:00
Paul Sealock ad7cf64303 Navigation: Add client code (https://github.com/woocommerce/woocommerce-admin/pull/5309)
* is_feature_enabled

* feature class

* copy/paste

* hooked up

* its alive

* add wc-admin items

* clean up entry point

* Analytics remove url

* rebase error

* add back in check is_feature_enabled

* specificity CSS
2020-10-13 14:40:53 +13:00
Paul Sealock c089b49b38 Navigation: Prep feature flags and option (https://github.com/woocommerce/woocommerce-admin/pull/5292)
* add feature flag

* hydrate options on embedded screens

* is_feature_enabled

* feature class

* feedback

* better name

* fix
2020-10-13 13:05:06 +13:00
Jeff Stieler 8a0f580d1b Check for connected JP+WCS and non-ShipStation country for shipping defaults. (https://github.com/woocommerce/woocommerce-admin/pull/5320)
Fix UK country code too.
2020-10-09 13:28:41 -07:00
Bec Scott b8adfaaa94 Shipping task smart default: add exceptions (https://github.com/woocommerce/woocommerce-admin/pull/5312)
* Require Jetpack connected and WCS active to mark the shipping task as complete

* Require country _not_ be in AU, NZ, or UK to mark shipping methods as complete

* Bump CI

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-10-08 19:18:19 -07:00
Paul Sealock 52137fe3fa bump wp components and base styles (https://github.com/woocommerce/woocommerce-admin/pull/5293) 2020-10-09 12:10:32 +13:00
Fernando 3fb1fbba6a Invalidating cache for "getTasksStatus" (https://github.com/woocommerce/woocommerce-admin/pull/5291)
This commit invalidates the cache for "getTasksStatus" to force a rerequest of the value.

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-08 14:25:41 -07:00
Joel Thiessen 23c19ee1b2 Removing breadcrumbs from wc-admin header, replacing with simple titl… (https://github.com/woocommerce/woocommerce-admin/pull/5232)
Removing breadcrumbs from wc-admin header, replacing with simple title (https://github.com/woocommerce/woocommerce-admin/pull/3963)

This is an interim step towards the integration of wc-navigation, where a back button will be provided to restore the critical functionality of the breadcrumbs. Note that the `breadcrumbs` data was preserved since it's still being utilized do construct the document title (in semi-breadcrumb-fashion) on both the backend and front-end.
2020-10-06 13:42:46 -07:00
Fernando 20a14ca689 Added animation to Inbox note deletion (https://github.com/woocommerce/woocommerce-admin/pull/5263)
This commit adds an animation to Inbox note deletion

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-06 11:07:06 -03:00
Fernando 1da4eedbf0 Moved Inbox Panel component (https://github.com/woocommerce/woocommerce-admin/pull/5252)
This commit moves the Inbox Panel component

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-06 10:13:32 -03:00
Joel Thiessen 484221c0cd Updating Stripe key field validation to support test keys (https://github.com/woocommerce/woocommerce-admin/pull/4391) (https://github.com/woocommerce/woocommerce-admin/pull/5201)
Updating Stripe key field validation to support test keys (https://github.com/woocommerce/woocommerce-admin/pull/4391)

Currently the form to configure Stripe keys accessed via the task list presents an error when test keys are used. I've updated the validation in order to support the format for test keys as well.
2020-10-05 11:52:12 -07:00
Bec Scott a75d1a5254 Change store details tooltip to a popover (https://github.com/woocommerce/woocommerce-admin/pull/5212)
* Change store details tooltip to a popover

* Change 'skip setup' tooltip to be a popover as well

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-10-02 11:47:08 +10:00
Paul Dechov 4d0e062ee1 Task list: Turn off Stripe test mode when submitting live keys (https://github.com/woocommerce/woocommerce-admin/pull/5226) 2020-09-30 09:24:14 -07:00
Sam Seay 305eff84b3 Fix a bug where the store task list would remain after completion (https://github.com/woocommerce/woocommerce-admin/pull/5205)
* Adjust the logic of display of the store setup link.

* Fix a bug where some values of woocommerce_task_list_complete cause issues with updating.
2020-09-29 08:24:39 -07:00
Fernando 2cf7ea56a8 Onboarding - Store Profiler - Removed selected CBD option for eCommerce plan (https://github.com/woocommerce/woocommerce-admin/pull/5124)
* Added filter to selected industries list

This commit adds a filter to the selected industries list

* Fixed lint error

* Fixed lint issues

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-09-29 08:10:40 -07:00
Fernando 63f2b9de8b Enlarged store profiler text in two steps (https://github.com/woocommerce/woocommerce-admin/pull/5194)
* Fixed small text in OBW

This commit makes some OBW texts larger

* Fixed list items size

This commit makes the list items in the 2nd step of the OBW larger

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-09-29 08:04:30 -07:00
Joshua T Flowers 6e8b4bad5f Fix header height and positioning for wc nav (https://github.com/woocommerce/woocommerce-admin/pull/5173)
* Fix header height and positioning for wc nav

* Remove body margin via CSS
2020-09-29 15:57:50 +03:00
Jeff Stieler 264aa8dee4 Add Variations Report (https://github.com/woocommerce/woocommerce-admin/pull/5167)
* Add initial Variations Report to analytics feature.

* Restrict query to variations when not specifying any product IDs.

* Add route to get variations without specifying a parent.

* Move variations table component to variations report directory.

* Add missing LIMIT clause to variations report query.

* Remove broken features from Variations table.

* Add Variations report controller to CSV emailer.

* Add initial Variation Stats endpoint, based on Product Stats.

* Hook Variations Report components up to new stats endpoint.

* Hook attribute filter up to variations report queries.

* Remove variation title filter usage.

See: https://github.com/woocommerce/woocommerce-admin/pull/5100

* Use filtered separator in variation name formatting.

* Add "single variation" to variations report, fix autocompleter API request.

* Fix segmentation by variation.

* Add comparison to variations report.

* Always include manually specified variations in report results.

* Fix variations report table comparison mode.

The ReportTable component expects the `filter` query param.

* Fixing styling of compare button without table search component.

* Add variation filter to Orders report.

* Link orders count to orders report filtered by variation.

* Orders report: include variation attributes in product names.

* Further style tweaks for variations report download button.

* Add variations filter to order stats query.

* Clean up "category includes" login in REST controllers.

Prep for "category excludes" in the Variations report.

* Support category exclusion in report filters.

* Fix filter param used by the variation report table component.

* Add category filter to variations report.

* Fix initial selected ReportTable rows when using non-default compareParam.

* Add a new autocompleter for variable products.

* Add products filter to variations report.

* Fix tests.

* Handle variation IDs that are no longer found.

* Add documentation.

* Use getSetting() instead of directly accessing window properties in client code.

* Fix ordering Variations by SKU.
2020-09-25 09:57:48 -04:00
Fernando 1f667456b2 Modified "Skip setup wizard" button text (https://github.com/woocommerce/woocommerce-admin/pull/5196)
This commit changes the "Skip setup wizard" button text to "Skip setup store details"

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-09-25 08:48:14 -03:00
Sam Seay e6d5786d1b Adjust the logic of display of the store setup link. (https://github.com/woocommerce/woocommerce-admin/pull/5180) 2020-09-25 09:23:27 +12:00
Fernando ce3dab196e Renamed task list item (https://github.com/woocommerce/woocommerce-admin/pull/5190)
This commit renames the task list item "Store wizard" to "Store details"

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-09-24 08:53:13 -03:00
Joshua T Flowers 12ffd61133 Show payments task for non-US stores when wcpay installed (https://github.com/woocommerce/woocommerce-admin/pull/5166) 2020-09-23 05:55:19 -07:00
Fernando 4aa01340ab Store Profiler - Industry: reduced padding and removed industry (https://github.com/woocommerce/woocommerce-admin/pull/5157)
* Reduced list padding

This commit reduces the industries list "padding" and its "min-height"

* Removed item from industries list

This commit removes the item "Art, Music & Photography" from the industries list

* Fixed e2e tests

This commit fixes the e2e tests

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-09-22 09:20:42 -03:00