Commit Graph

599 Commits

Author SHA1 Message Date
Sam Seay dbf98d4710 Deprecate the SegmentedSelection component, its no longer used. (https://github.com/woocommerce/woocommerce-admin/pull/7118) 2021-06-04 08:29:59 +12:00
Sam Seay c7ff1f4b2a Deprecate the no longer used Count component (https://github.com/woocommerce/woocommerce-admin/pull/7115) 2021-06-04 07:59:11 +12:00
Sam Seay c07a5d77a6 Remove the deprecated Card component (https://github.com/woocommerce/woocommerce-admin/pull/7114) 2021-06-04 07:43:56 +12:00
louwie17 65de4bff00 Refactor and extract inbox panel components (https://github.com/woocommerce/woocommerce-admin/pull/7006)
* Refactored the inbox note cards and moved to experimental package

* Update experimental dependencies

* Add tests for inbox-note components, and updated naming

* Add changelog

* Update readme and fix dismiss all

* Fixed lint errors

* Refactor dismiss logic in inbox-panel

* Add hook for handling inner link callbacks

* Export updates and a minor TS update

* Fix lint error
2021-06-02 15:25:41 -03:00
Sam Seay edc8a1bdc5 Publish storybook docs, remove react docgen based docs (https://github.com/woocommerce/woocommerce-admin/pull/7055) 2021-06-02 15:54:00 +12:00
Joel Thiessen bb7f1dc466 Refactoring WCPayCard into new onboarding package (https://github.com/woocommerce/woocommerce-admin/pull/7058) 2021-05-28 16:26:38 -07:00
Jeff Stieler 419a7fc5b1 Fix advanced filter operator selector styling. (https://github.com/woocommerce/woocommerce-admin/pull/7005)
* Fix advanced filter operator selector styling.

* Add changelog entries.
2021-05-26 15:53:45 -04:00
louwie17 69dfdf733c Add tree shaking support for woocommerce components (https://github.com/woocommerce/woocommerce-admin/pull/7034)
* Add woocommerce/components tree shaking support

* Compile individual component styles for individual use

* Update readme

* Add changelog

* Fix correct import

* Update readme with dependency extraction updates

* Update dependency extraction naming
2021-05-26 16:35:46 -03:00
Joshua T Flowers dc175824c9 Hook up payments gateway data store (https://github.com/woocommerce/woocommerce-admin/pull/7038)
* Hook up payment gateway data store

* Fix deprecated onSubmitCallback in dynamic form

* Throw catchable errors in data store

* Provide a way to get errors from the data store

* Hook up payment connection update with data store

* Remove redundant requesting state on selectors

* Add changelog entry

* Handle PR feedback

* Fix linting errors
2021-05-26 14:31:30 -04:00
louwie17 b642576e34 Remove the use of Dashicons and replace with `@wordpress/icons` or `gridicons` (https://github.com/woocommerce/woocommerce-admin/pull/7020)
* Updated mobile banner icon with cross-small gridicon

* Update analytics dashboard icons, removing use of dashicon

* Remove use of dash icon in tag component

* Remove dash icon from ellipsis menu

* Remove use of dashicon in calendar

* Update icon imports and remove use of Dashicon in collapsible list

* Remove Dashicon usage from store alerts as it is depreciated

* Remove dashicon usage in shipping label

* Fix up old css for icons

* Removed dashicon usage in favorite button

* Update the wordpress/icons package

* Add changelogs

* Fix broken test
2021-05-25 12:14:14 -03:00
Jeff Stieler ce02b58b23 Fix styling of chart component header. (https://github.com/woocommerce/woocommerce-admin/pull/7002)
* Fix styling of chart component header.

* Add changelog entries.
2021-05-24 08:44:13 -04:00
Joel Thiessen 9fda36439e Typescript conversion of DynamicForm Component (https://github.com/woocommerce/woocommerce-admin/pull/6981) 2021-05-18 12:46:21 -07:00
Hsing-yu Flowers 9cce902c84 Update Form's documentation (https://github.com/woocommerce/woocommerce-admin/pull/6708)
* Rename onChangeCallback to onChange

* Add onChange documentation

* Update prop `touched` documentation

* Removd unused onChnage in the example

* Add changelog

* Handle feedback

* Deprecate onSubmitCallback

* Handle feedback 2

* Update new onSubmitcallbacks

* Handle feedback 3

Co-authored-by: Bec Scott <me@becdetat.com>
2021-05-18 14:24:24 +10:00
louwie17 844f71486b Remove `woocommerce/experimental` dependency from `woocommerce/components` (https://github.com/woocommerce/woocommerce-admin/pull/6986)
* Removed the experimental dependency from the components package, and moved stories to experimental package

* Add changelog

* Fix typo
2021-05-14 12:23:01 -03:00
Tomek Wytrębowicz 7cc1d724de Forward `autocompleter` prop from `CompareFilter` to `Search` (https://github.com/woocommerce/woocommerce-admin/pull/6911)
- Forward `autocompleter` prop from `CompareFilter` to `Search`.
	Allow, to use the `custom` type of search, 
	previously it was complaining about lack of `autocompleter`,
	even though it was provided.

- Move `path` in Storybooks example to a parameter, to allow setting it in unit tests.
- Add few tests for FilterPicker. 
	- it renders the basic storybook example without throwing an error
	- it forwards `autocompleter` & `type` props

Fixes: woocommerce/woocommerce-admin#6890
2021-05-13 17:20:07 +02:00
Joel Thiessen 073a220b59 Adding Slotfill extension components for remote payments (https://github.com/woocommerce/woocommerce-admin/pull/6932) 2021-05-11 09:36:56 -07:00
Jeff Stieler c904690cac Fix storybook example for the experimental list components. (https://github.com/woocommerce/woocommerce-admin/pull/6963) 2021-05-11 07:00:49 -06:00
louwie17 812743d3ff Move experimental list components to experimental package (https://github.com/woocommerce/woocommerce-admin/pull/6950)
* Move experimental list components to experimental package

* Update changelogs

* Fix lint errors

* Fix lint error

* Update css lint

* Fix test

* Update package lock
2021-05-10 11:40:49 -03:00
Ilyas Foo 81573c2b68 Fix SelectControl focus and de-focus bug (https://github.com/woocommerce/woocommerce-admin/pull/6906)
* Fix select-control component to preserve currently selected item on focus and de-focus

* No longer auto select option on initial render, pressing tab would only select if selection exists

* Fix to reflect the proper suggested changes

* Attempt to fix unnecessary search reset on pressing tab

* Fix for keyboard interactions and added accompanying tests
2021-05-06 15:07:45 +08:00
Tomek Wytrębowicz 6aa78cbdb9 Make `Search` accept sync `autocompleter.options.` (https://github.com/woocommerce/woocommerce-admin/pull/6884)
Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>

Make `Search` component accept `autocompleter.options` that meet the requirements stated in [the docs](https://github.com/WordPress/gutenberg/tree/trunk/packages/components/src/autocomplete#options): 
> May be an array, a function that returns an array, or a function that returns a promise for an array.


Fixes https://github.com/woocommerce/woocommerce-admin/issues/6061.
2021-05-03 19:18:07 +02:00
Fernando 0645c2b30a Add disabled prop to SelectControl (https://github.com/woocommerce/woocommerce-admin/pull/6902)
* Add disabled props to SelectControl

This commit adds "disabled" props to SelectControl

* Added changelog

* Fixed prop name

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2021-04-30 09:11:59 -03:00
Sam Seay b84799d470 Expand / collapse list items component (https://github.com/woocommerce/woocommerce-admin/pull/6869)
* Prototype the basic functionality of the list collapse component.

* Further work on the component.

* Add icons and some basic styling. Fix exports to include 'Experimental'

* Add CSSTransition to collapsible list item

* Add tests for collapsible component

* Add changelog

* Add collapse/expand callbacks

* Add tests for callbacks

* Replaced collapsible list item with a collapsible list instead

* Updated to use calculated height versus absolute height

* Removed fallback and removed animation from collapse footer

Co-authored-by: Lourens Schep <lourensschep@gmail.com>
2021-04-29 14:52:51 -03:00
Tomek Wytrębowicz 07e534cd9e Forward `autocompleter` prop from `FilterPicker` to `Search` (https://github.com/woocommerce/woocommerce-admin/pull/6880)
* Add a Basic test for FilterPicker.

Test that it renders the basic storybook example without throwing an error.
Move `path` in Storybooks example to a parameter, to allow setting it in unit tests.

* Forward `autocompleter` prop from `FilterPicker` to `Search`.

Allow, to use the `custom` type of search, previously it was complaining about lack of `autocompleter`, even though it was provided.

Fixes: https://github.com/woocommerce/woocommerce-admin/issues/6062.

* Add changelog entry.

* Move `FilterPicker` config creation closer to tests that use it.

* Remove unused type prop from `FilterPicker` tests.

Addresses https://github.com/woocommerce/woocommerce-admin/pull/6880/files#r620285400.

* Add changelog note also to `CHANGELOG.md`.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2021-04-27 14:10:33 -04:00
louwie17 071a68b950 Update task list component to make use of new experimental list (https://github.com/woocommerce/woocommerce-admin/pull/6849)
* Add initial task item component with the new task list

* Switch components to functional components

* Some minor updates from the last rebase

* Fix missing variables.

* Fix tests

* Add animation for the experimental list

* Fix lint error

* Add changelog

* Fix E2E tests

* Update PR suggestions and export list from experimental package

* Fix dismiss styling issue

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2021-04-27 12:23:34 -03:00
Jeff Stieler 9724b5d9d9 SelectControl: fix display of multiple selections without inline tags. (https://github.com/woocommerce/woocommerce-admin/pull/6862)
* SelectControl: fix display of multiple selections without inline tags.

* Add changelog entries.
2021-04-27 10:03:29 -04:00
Albert Juhé Lluveras ffaadf9190 Make ids unique in SearchListControlItem (https://github.com/woocommerce/woocommerce-admin/pull/6871)
* Make ids unique in SearchListControlItem

* Set storybook default loading state to false

* Small CSS fixes

* Add changelog entry
2021-04-27 07:59:38 +02:00
Sam Seay ed483ab43d Refactor <List> to support custom markup (https://github.com/woocommerce/woocommerce-admin/pull/6787)
* Create the new experimental list, default to rendering it when items are not supplied.

* Remove typings from the List, ListItem.

* Add react-transition-group as dependency.

* Fix warnings by wrapping with CSS transition, pass down props from List.

* Remove type annotations left in list-item.

* Duplicate some styles in the higher level woocommerce-list-item element, to make them work in the new list.

* Fix accessibility issues, adjust the role logic

* Add more testing of the roles logic.

* Mark the old list stories as deprecated, add a basic story for the new style.

* Expose ListItem without Experimental in the name.

* Remove some redundant code changes.

* Fix linting issues

* Add types package.

* Cast the type of children to TransitionGroup.

* Adjust the list to assume a purpose of being a list of links.

* Adjust the tests for the new behaviour.

* Fix css mangled by prettier.

* Fix types that are optional.

* Rework the list item.

* Export new list as experimental, fix accessibility styles and deprecation notice.

* Make the basic transition opt-in.

* Update classnames to get types.

* Add tests, adjust behaviour for css disable.

* Fix css lint, remove types/classnames, update tetsing-library/user-event.

* Fix the basic story for ExperimentalList.

* Conditionally add keyDown and role based on onClick handler. Adjust tests to new behaviour.

* tabIndex only on hasAction

* Update the package-lock

* Add changelog

* Fix transition styling

Co-authored-by: Paul Sealock <psealock@gmail.com>
Co-authored-by: Lourens Schep <lourensschep@gmail.com>
2021-04-23 15:47:43 -03:00
Ismael Martín Alabarce 664694e165 Render optional children in summary number component (https://github.com/woocommerce/woocommerce-admin/pull/6748)
* WIP add details prop to summary number component. New optional prop to add additional information at the bottom.

* Update component readme and stories to include new prop

* Revert commits to use children instead of a new prop

* Render optional summary number component children

* Typo fix, doc improvement and add entry to changelog

* Add readme.txt entry
2021-04-15 08:49:35 +02:00
Hsing-yu Flowers 3d0e00ed0b Make pagination buttons height and width consistent (https://github.com/woocommerce/woocommerce-admin/pull/6725)
* Make pagination buttons height and width consistent

* Add changelog
2021-04-13 10:30:56 -04:00
Moon 762663cb4e Escape label value 2021-04-02 12:10:44 +13:00
Albert Juhé Lluveras 9c1a728f60 Add escaping to components 2021-04-02 10:51:20 +13:00
louwie17 e6f55019a6 Update select control logic so value type stays consistent (https://github.com/woocommerce/woocommerce-admin/pull/6594)
* Update select control logic so value type stays consistent

* Added test cases for updated changes

* Add changelog

* Removed the use of lodash 'findIndex' using the native one instead

* Added onChange update to readme
2021-04-01 09:34:56 -03:00
David Levin 2b95eea771 Update contrast and hover / active colors for analytics dropdown buttons (https://github.com/woocommerce/woocommerce-admin/pull/6504)
* Update contrast and hover / active colors

* Update hover and active state of chevron using mask

* add test instructions and changelog entries

* Update readme.txt

Co-authored-by: David Levin <davidlevin@Davids-MacBook-Pro-2.local>
Co-authored-by: Dan Hauk <dan@danhauk.com>
Co-authored-by: Paul Sealock <psealock@gmail.com>
2021-03-22 20:56:15 +13:00
Fernando 09d6bd9164 Fixed a few console errors in JS tests (https://github.com/woocommerce/woocommerce-admin/pull/6472)
* Fixed connect test

* Fixed plugins test

* Fixed stock panel tests

* Added changelog

# Conflicts:
#	readme.txt

* Removed blank line

* Changelog line removed

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2021-03-04 09:15:03 -03:00
David Levin f00721fa3e Fix summary number style regression on analytics reports (https://github.com/woocommerce/woocommerce-admin/pull/5913)
* Update summary number styles

* Add changelog

* Add testing instructions

Co-authored-by: David Levin <davidlevin@Davids-MacBook-Pro-2.local>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2021-03-02 13:07:35 +08:00
Hsing-Yu Flowers 5aaf5d83c4 Add exclusion on getOptions and method renaming (https://github.com/woocommerce/woocommerce-admin/pull/6115)
* Remove exclusion in getFilteredOptions

* Update filteredOptions to searchOptions

* Check if options then setState after searchOptions is updated

* Show all options under business details select controls
2021-03-02 09:06:29 +08:00
Sam Seay 5354e4e856 Remove googlefonts/material icons. Migrate to @wordpress/icons and gridicons (https://github.com/woocommerce/woocommerce-admin/pull/6343) 2021-02-18 11:54:02 +13:00
Hsing-Yu Flowers db0552e714 Change from MenuGroup to label (https://github.com/woocommerce/woocommerce-admin/pull/6090)
* Change from MenuGroup to label

* Remove icon

* Remove icon folder

* Update input style

* Remove list message

* Run test snapshots

* Add single knob

* Add changelog

* Change to wrap list with ul

* Run snapshots test

* Add styling on li

* Move renderList outside of li to prevent nesting

* snapshots test
2021-02-05 13:24:34 -03:00
Joel Thiessen 68f06ccde8 Fixing certain screenreaders (NVDA) not recognizing chart data points correctly, and saying "blank" (https://github.com/woocommerce/woocommerce-admin/pull/6227) 2021-02-02 15:27:23 -08:00
Joel Thiessen 2e3f23f653 Fix 'sort by undefined' issue with screen readers in reports table (https://github.com/woocommerce/woocommerce-admin/pull/6232) 2021-02-02 15:02:57 -08:00
Joel Thiessen 969af77ced Changing heading on report tables to use semantic header tag (https://github.com/woocommerce/woocommerce-admin/pull/6234) 2021-02-01 13:59:21 -08:00
Joel Thiessen cd9b2f8715 Adding checkbox role to chart legend component to make it compatible with screen readers (https://github.com/woocommerce/woocommerce-admin/pull/6226) 2021-02-01 13:26:00 -08:00
Darren Ethier 4210b6f0a8 Update @wordpress/eslint-plugin dependency to latest version. (https://github.com/woocommerce/woocommerce-admin/pull/5856)
* update @wordpress/eslint-plugin dependency to latest version

* local prettier config isn’t needed anymore because of fix in upstream package

* add jsdoc config to use typescript format for jsdocs

* update changelog

* update packages and include .prettierrc.js back in for code editor support of prettier

* add docs

* minor prettier fix in test file

* Convert all new eslint rules throwing errors to warnings temporarily to be handled in separate prs

* updated changelog

* fix package-lock.json

* prettier auto-fixes

* add prettier dependency at root

* sigh prettier is being finicky

* version bump

Co-authored-by: Paul Sealock <psealock@gmail.com>
2021-01-26 13:24:28 +13:00
louwie17 74b3eccbc9 Add option to create product by template (https://github.com/woocommerce/woocommerce-admin/pull/5892)
* Initial product template modal

* Add custom product template for the new-post route

* Add test, and code for making use of the insert_post action

* Added ProductTemplates Datastore to create template with REST api

* Add back variation method, deleted by accident

* Move product from template endpoint to OnboardingTasks class

* Fix lint errors

* Added tracks and template hooks

* Rename product create permission check function, for less confusion

* Remove duplicate recommended option

* Fix stylelint errors

* PHP tests for the product_from_template endpoint

* Fix onboarding php unit tests

* Write tests for client product template options

* Refactored list component, to use it as a radio control list

* Fix lint errors

* REmove assertion as it fails on the ci

* Add changelog

* Updating tests to make sure all product attribute taxonomies are removed

* Add more specific assertions for importing sample products test

* Update the sample products test

* Deconstruct item object, from PR suggestion

* Fix PHP errors, by updating the createProductFromTemplate call
2021-01-25 12:52:42 -04:00
manjeet-wisetr 3a792f66d9 Update FilterPicker Component README.md (https://github.com/woocommerce/woocommerce-admin/pull/5928) 2021-01-25 11:21:57 -05:00
Tomek Wytrębowicz f012bbb7ca Render SummaryNumber delta precisely. (https://github.com/woocommerce/woocommerce-admin/pull/5926)
Previously only a given delta was rendered as an integer. Now it renders the number with a given precision.
Fixes woocommerce/woocommerce-admin#5925.

Co-authored-by: Rebecca Scott <me@becdetat.com>
2021-01-21 19:06:07 +01:00
Sam Seay 35a448a8f3 Allow for larger result sets of attribute terms (https://github.com/woocommerce/woocommerce-admin/pull/6077) 2021-01-18 09:49:32 +13:00
Joshua T Flowers 0b3f4d8e92 Try: Replace Accordion with Panel component (https://github.com/woocommerce/woocommerce-admin/pull/5970)
* Use Panel for Activity Panels

* Update styling for panels in activity panels

* Remove Accordion component

* Add collapsible param to activity panel tests

* Fix errant comma

* Add bottom border to panel header toggle and remove disbled button styling

* Update empty activity card styles

* Add border between activity cards
2021-01-12 16:18:51 -05:00
Joshua T Flowers bc998444a3 Future proof experimental components (https://github.com/woocommerce/woocommerce-admin/pull/5961)
* Possibly use safe Text component

* Possibly use safe navigation components

* Add experimental package

* Update components to import from woocommerce/experimental

* Make experimental package private

* Reference experimental package relatively

* Update packages/experimental/README.md

Co-authored-by: Paul Sealock <psealock@gmail.com>

* Update packages/experimental/CHANGELOG.md

Co-authored-by: Paul Sealock <psealock@gmail.com>

* Update history state instead of mocking getQuery in tests

* Handle PR feedback

* Create excluded externals array and return early

Co-authored-by: Paul Sealock <psealock@gmail.com>
2021-01-07 18:57:09 -05:00
Sam Seay a2c4a6a306 A/B test creating a business features step for free extensions (https://github.com/woocommerce/woocommerce-admin/pull/5786)
This fixes woocommerce/woocommerce-admin#5287 

Major changes:

1. The `<Form>` component (which is a published component) gets a new optional prop (so its backward compatible), called `onChangeCallback`. This is called when any form value changes, allowing the controlling component to act on individual form changes. This was needed to utilise `<Form>` to revalidate and check if the user could access the next tab. This should not impact existing usages of the `<Form>`, but it could be good to test this.

2. Introduces a new flow for choosing business extensions that was specified in woocommerce/woocommerce-admin#5287 issue description. Please check the issue for reviewing the designs. The simplest way to implement this, ended up being keeping the existing flow intact and where necessary copy pasting code from those components into the new flow. This new flow is only shown if your segmentation matches the following: `Stores that selected the US as the country and Other or Food & Drinks as the industry
2021-01-07 11:08:57 +13:00
Joshua T Flowers ab9038d329 Update table component to use wp card (https://github.com/woocommerce/woocommerce-admin/pull/5904)
* Use wp card in table components

* Migrate report styles to report stylesheet

* Fix table scroll shadow

* Fix pagination styling

* Handle PR feedback

* Move search and action styles to table

* Add margin between table actions

* Remove vertical dividers

* Update chart table border colors (https://github.com/woocommerce/woocommerce-admin/pull/5932)
2021-01-04 15:56:57 -05:00
Joshua T Flowers 0bc842f7c3 Allow default link behavior when cmd or ctrl are used (https://github.com/woocommerce/woocommerce-admin/pull/5966)
* Allow default link behavior when cmd or ctrl are used

* Convert Link to functional component

* Add alt and shift keys
2020-12-29 11:13:20 -05:00
David Levin 36c9454e90 update woocommerce dropdown button (https://github.com/woocommerce/woocommerce-admin/pull/5906)
Co-authored-by: David Levin <davidlevin@Davids-MacBook-Pro-2.local>
2020-12-22 09:14:11 -08:00
Albert Juhé Lluveras 080271fb27 Add SearchListControl isCompact prop (https://github.com/woocommerce/woocommerce-admin/pull/5901)
* Add isCompact prop to SearchListControl

* Add left and right borders to search list

* Remove box-shadow when search list items are focused/active

* Add Changelog notice

* Update snapshots
2020-12-22 15:32:24 +01:00
Joshua T Flowers 2db701b5f3 Add deprecation notice to wc card component (https://github.com/woocommerce/woocommerce-admin/pull/5911)
* Add deprecation notice to wc card component

* Add changelog note
2020-12-21 18:12:05 -05:00
Joshua T Flowers da239f6bb7 Update filters to use wp card component (https://github.com/woocommerce/woocommerce-admin/pull/5903)
* Use cards in advanced filters

* Use wp card for compare filters

* Fix scss lint errors
2020-12-21 14:43:39 -05:00
Paul Sealock 80f641b849 Unbundle wp.components (https://github.com/woocommerce/woocommerce-admin/pull/5753)
* enqueue wp-components

* conditional check of Navigation?

* nav version checks, first pass

* better nav checking

* bump min requirments

* min versions

* Use WP 5.6 instead of 5.6.0

* add wp.date and wp.compose

* Handle missing FlexItem

* enqueue styles

* fix date range mobile dropdown
2020-12-21 14:57:55 +13:00
David Levin 4822afe5fb update section header component styles to match typography in @wordpress/components (https://github.com/woocommerce/woocommerce-admin/pull/5891)
* update card header styles to match typography in @wordpress/components

* revert analytics card headers

Co-authored-by: David Levin <davidlevin@Davids-MacBook-Pro-2.local>
2020-12-17 13:49:03 -08:00
Jeff Stieler c8c544f70c Support custom product attributes in advanced filter (https://github.com/woocommerce/woocommerce-admin/pull/5848)
* Add product attributes autocomplete for Search control.

* Support single selection in Search component.

* Fix SelectControl input after selection in single mode.

* Remove label from Search component's inner SelectControl.

Placeholder is the behavior we want to avoid label and selection collision.

* Match Search component selected prop to SelectControl.

It's passed through anyhow.

* Rework attribute filter to use new endpoints for custom terms.

* Hook up custom attribute filter to report queries.

* Fix errant space in filter name.

* Fix SelectControl active status when control is disabled.

* Fix SelectControl "has tags" logic for non-multiple use cases.

* Fix attribute filter screen reader text.

* Update changelogs.

* Move custom attribute test to it's own function.

* Remove SelectControl input disabling.

This was supposed to improve keyboard behavior for non-multiple controls, but it was questionable.

* Fix backspace in attribute term field.
2020-12-17 09:59:01 -05:00
Albert Juhé Lluveras e44193cb1d Fix count bubble alignment in SearchListItem with latest @wordpress/components (https://github.com/woocommerce/woocommerce-admin/pull/5809)
* Remove showCount prop from SearchListControlItem

* Add option to show counts in ShowListControl story

* Fix count alignment in SearchListItem with latest Gutenberg

* Add new changelog entry

* Update dated prop description
2020-12-10 11:44:31 +01:00
Elizabeth Pizzuti 93cca16404 Style updates to tax task (https://github.com/woocommerce/woocommerce-admin/pull/5709)
* style changes to tax task

* Fix undefined variable use.

* Set plugin install dismissal actions as tertiary.

* change back to variable

* add margin to primary

* text-button-styles-homescreen

* Add specificity to the task caption selector.

We need to beat out the styles from Gutenberg.

Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2020-12-02 09:27:50 -05:00
louwie17 98a55aaeb9 Migrate reviews panel to home screen (https://github.com/woocommerce/woocommerce-admin/pull/5706)
* Create initial reviews panel and displaying it on the home screen

* Update reviews package to support updating and deleting reviews

* Allow custom icons to be defined for rating component

* Add approve, spam, and delete actions to home screen review panel

* Show entire list as updating when items are still in the store

* Update rating to only import the required icons, and allow icons to be passed in instead of strings

* Prune out reviews header panel, as we are not using it anymore

* Showing just a header if collapsible is false for activity panel

* Add tests for reviews panel and accordion changes

* Fix undoing a deleted item by using status - untrash

* Several styling changes to match wireframe as mentioned in PR review

* Moved review rating into the subtitle in relation to new design

* Update clear cache logic for last item

* Remove activity panel unused css

* Use invalideResolution instead of invalidateResolutionForStoreSelector
2020-12-02 09:30:39 -04:00
Jeff Stieler 4ad17adf36 Generate MD5 hashes without bundling all of Node crypto. (https://github.com/woocommerce/woocommerce-admin/pull/5768)
Reduces the build by 1.2MB.
2020-12-01 20:17:02 -05:00
Jeff Stieler 2a302603c6 Migrate Stock Panel to Homescreen (https://github.com/woocommerce/woocommerce-admin/pull/5729)
* Refactor low stock variable to be the count instead of a boolean.

* Add initial render of the Stock panel on the homescreen.

* Move existing Stock panel to homescreen accordion.

* Ensure int value for low stock product count.

* Update ProductImage styling.

* Update stock activity car styles.

* Only show 5 low stock products.

* Add "undo" action to the stock updated snackbar.

* Fix check for explicit notice dismissal when taking actions.

* Hide now-in-stock products after updating.

By cllearing "edited" flag on successful update.

* Fetch more products after updating stock.

* Fix the number of product placeholders shown.

* Only show products placeholders on the initial fetch.

* Fix placeholder style.

* Fetch low stock count dynamically.

* Let initialOpen prop toggle Accordion panels if they haven't been toggled by the user.

* Refactor item total count state.

Allows for auto-updating item totals whenever identical queries (from a totals perspective) are issued.

* Add last order date to low stock products API response.

* Allow non-date strings in ActivityCard date prop.

* Add last order date to stock panel cards.

* Remove empty stock panel view.

* Add test file for StockPanel.

* Only request necessary fields from products endpoint.

* Add test for products fetch after stock update.

* Fix field name.

* Add test for last order date in low stock products API response.

* Stock panel should be initially closed.

* Skip updating a product if the quantity is unchanged.
2020-11-25 13:51:15 -05:00
Moon eb7a779e1f Add/5349 trigger ces on filtering analytics (https://github.com/woocommerce/woocommerce-admin/pull/5649)
* Use a store to render CES tracks

* Use the CES store to trigger CES survey when users change date range or single product filters.

* Support onClick event for the Compare button

* Trigger CES survey when a user clicks the Compare button on products, variations, categories, coupon, and taxes pages

* Set default text for onSubmitLabel in js and remove its requirement

* Add addCesSurveyTrackForAnalytics action so that it can be shared in other components in analytics pages -- remove duplicates

* Call addCesSurveyTrack from addCesSurveyTrackForAnalytics to avoid duplicate

* Remove 'tracks' from the method name
2020-11-24 15:18:50 -08: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
louwie17 b8efece7cb Alter select control padding to match text-control (https://github.com/woocommerce/woocommerce-admin/pull/5587) 2020-11-12 08:47:11 -04: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
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
Moon f657d108a3 Add width: 100% style to the container of the popover menu to expand menu item width to 100% (https://github.com/woocommerce/woocommerce-admin/pull/5519)
Co-authored-by: Moon <moon.kyong@demandmedia.com>
2020-11-02 18:03:56 -08:00
Fernando f0398ee502 Added Accordion component (https://github.com/woocommerce/woocommerce-admin/pull/5474)
* Added Accordion component

This commit adds an Accordion component to our available components

* Refactored Accordion component

* Added new Accordion component to index

* Fixed a few Accordion details

* Accordion fixed

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-28 15:02:22 -03:00
Bec Scott 2315bf1662 Fix missing custom autocompleter attribute in Search component of Advanced Filter (https://github.com/woocommerce/woocommerce-admin/pull/5448)
Co-authored-by: khoand0000 <khoand0000@gmail.com>
2020-10-27 10:52:56 -04: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
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
Joshua T Flowers 443e2f9a55 Wrap search control selected items in list (https://github.com/woocommerce/woocommerce-admin/pull/5231)
* Wrap search control selected items in list

* Fix up snapshots
2020-10-06 23:27:38 +03:00
Paul Dechov 1bdd2ea0e1 Search component: Behavior and styling tweaks (https://github.com/woocommerce/woocommerce-admin/pull/5199)
Fix visual issues with the <Search> component.
2020-10-06 12:22:22 +13: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
Bec Scott 90567853de Enable the home screen for everybody (https://github.com/woocommerce/woocommerce-admin/pull/5108)
* One-shot to enable the homescreen for everybody

* Make the home page the default (only) experience

* remove option check in activity panel tabs, get tests working, fix lint issues

* Remove is-homescreen CSS class

* Remove extra home page route registration

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-09-15 09:44:46 +10:00
Bec Scott 5310944f17 Add option to not charge sales tax (https://github.com/woocommerce/woocommerce-admin/pull/5111)
* Add option to not set up sales tax

* Correct JS lint errors

* Add abort option to plugin step

* Inline redirect to home page

* Use testing-library/react for the new test

* Also set woocommerce_calc_taxes to 'no'

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-09-14 08:50:02 +10:00
Jeff Stieler aa86428ebc Add support for advanced filters with multiple instances. (https://github.com/woocommerce/woocommerce-admin/pull/5050)
* Refactor filter input row into component.

* Support multiple filter value in "add filter" list.

* Refactor out one-off updateFilter() callback.

* Use array index to remove filters.

Also create unique keys for multiple value filters.

* Use numeric index instead of filter "key" for change callbacks.

* Maintain unique keys for multiple filter components.

This avoids rerenders when filters are removed.

* Calculate instance numbers in constructor.

* Support advanced filter instances in navigation helper methods.

* Add allowMultiple to advanced filters README.

* Fix tests.

* Add test cases for multiple filter instances.

* Handle missing attribute names and terms in screen reader text.

* Fix perpetual loading indicator when there are no attribute terms.

* Handle new boolean case when generating screen reader text.

* Handle multiple filter instances when creating report queries.

* Remove unused variables.
2020-09-01 08:23:27 -04:00
Sam Seay fb03e64ced Profile wizard style consistency updates (https://github.com/woocommerce/woocommerce-admin/pull/5059)
Co-authored-by: Joshua Flowers <joshuatf@gmail.com>
Co-authored-by: James Koster <james@jameskoster.co.uk>
2020-09-01 20:47:49 +12:00
Paul Sealock 7e7064e38c Fix components internal deps (https://github.com/woocommerce/woocommerce-admin/pull/5018)
* Fix components internal deps

* Pass full response

* remove errant comment
2020-08-28 11:55:48 +12:00
Jeff Stieler 650ecac14a Add "Product Attribute" advanced report filter. (https://github.com/woocommerce/woocommerce-admin/pull/5038)
* Simplify variation name logic.

* Remove errant commas from variation autocomplete options.

* Add single variation filter to products report.

* Include more variations in search results.

Also trim the response fields down.

* Add initial AttributeFilter component.

Only selected of attribute names for now.

* Add attribute term selection control.

* Position attribute filter inputs side by side.

* Add loading indicator to attribute term control.

* Clear term when attribute value changes, and handle backspaces.

* Generate screen reader text.

* Translate filter labels, add field separator.

* Improve grammar in screen reader text.

* Fix lint errors.
2020-08-27 08:11:12 -04:00
Jeff Stieler e845de7003 Fix missing title component in advanced filter screen reader interpolation. (https://github.com/woocommerce/woocommerce-admin/pull/5032) 2020-08-26 08:29:21 -04:00
renovate[bot] 7c66c885d5 Update dependency core-js to v3 (https://github.com/woocommerce/woocommerce-admin/pull/4174)
* Update dependency core-js to v3

* core-js paths

* update babel and jest presets

* remove unused jest preset

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Paul Sealock <psealock@gmail.com>
2020-08-24 09:35:46 +12:00
Paul Sealock 2f650b74a0 Replace useFilters with wp's withFilters (https://github.com/woocommerce/woocommerce-admin/pull/4962)
* use wp withFilters

* changelog

* remove altogether

* other uses of withFilters

* Add deprecation warning to README
2020-08-21 11:14:55 +12:00
Paul Sealock 23846221e6 jsDoc: Fix errors (https://github.com/woocommerce/woocommerce-admin/pull/4985)
* jsDoc errors, round 1

* round 2

* round 3

* voila

* root0 -> props
2020-08-18 09:36:24 +12:00
Paul Sealock c145783e0a Fix dependency declarations (https://github.com/woocommerce/woocommerce-admin/pull/4972)
* renmove WC comment block

* client routes

* more fixes

* moar search

* getting there

* by hand now

* david beating goliath

* mission accomplished

* client filepath

* save

* got it

* remove script

* fixes

* deal with package internal dep

* remove webpack alias

* fix webpack relative paths

* remove commented rule

* remove extra line

* remove unused modules entry
2020-08-13 14:05:22 +12:00
Jeff Stieler 2c8402eebf Fix Table component `onQueryChange` prop default (https://github.com/woocommerce/woocommerce-admin/pull/4959)
* Fix default value for Table component onQueryChange.

* Add component changelog.

* Convert Table component tests to react-testing-library.

* Add test coverage for default callback props.
2020-08-12 15:35:26 -04:00
Fernando 6c264a08a0 Added key to generic items in list without one (https://github.com/woocommerce/woocommerce-admin/pull/4936)
This commit adds a key to generic items in list that don't have one

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-08-05 16:01:02 -03:00
Fernando 3873c415cb Replaced prop sent to "CSSTransition" for item key (https://github.com/woocommerce/woocommerce-admin/pull/4924)
This commit replaces a prop sent to the component "CSSTransition" for the item key.

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-08-05 09:16:24 -03:00
Paul Sealock d4729a5578 Remove unused ref (https://github.com/woocommerce/woocommerce-admin/pull/4859) 2020-07-29 10:15:20 +12:00
Darren Ethier dc5304823b Add @woocommerce/eslint-plugin (https://github.com/woocommerce/woocommerce-admin/pull/4714)
* add new woocommerce/eslint-plugin

* implement eslint-plugin (switch scripts to use wp-scripts etc)

* various linting fixes

* more lint fixes

* improve fix script

* more eslint fixes

* more eslint fixes

* temporary convert rules to warnings until they are all handled

* linting fixes

* update package-lock.json

* remove duplicates

* remove unnecessary `@wordpress/dependency-group` rule config

* add docs and adjust rules

* prettier fix

* fix merge artifact

* convert more rules to warnings

* change order to reflect importance

* install babel-preset-default

* remove unnecessary configuration for babel

* fix dependency group rule and test

* fix test

* handle collapsible whitespace

* add react testing library eslint plugin

* linter errors

* Add back in prettierrc

* package-lock update

* js lint fix with --fix

* disable whitespace in translation

* package-lock update

* make eslint actual dependency, not peer dependency

* pin eslint to v7

* I don't know why, but its working

* fix lint js

Co-authored-by: Paul Sealock <psealock@gmail.com>
2020-07-28 14:32:58 +12:00
Paul Sealock ac91a8fd60 Summary number bg (https://github.com/woocommerce/woocommerce-admin/pull/4858) 2020-07-28 11:45:36 +12:00
Bec Scott 551dfe1f0c Pills and tooltips in product step of OBW (https://github.com/woocommerce/woocommerce-admin/pull/4707)
* Add monthly product prices to OBW

* Remove description for physical and download products

* Use pills in product selection step of OBW

* Add missing translation wrapper, also convert some spaces to tabs

* Add pill to changelog

* Change pills to medium gray text and border

* Make everything line up correctly on smaller viewports

* Get the styles closer to the design

* Breakpoint to set font size to 11px

Co-authored-by: Rebecca Scott <me@becdetat.com>
2020-07-21 14:27:32 +10:00
Sam Seay a6ea004ee8 Rework the store details onboarding screen (https://github.com/woocommerce/woocommerce-admin/pull/4771)
Fixes woocommerce/woocommerce-admin#4566 **(and is dependent on the changes from woocommerce/woocommerce-admin#4759 )**

Changes:

* Use the new `Card` and `Flex` from `@wordpress/components`
* Add contextual tooltips
* Adjust existing styles to match [new designs](https://www.figma.com/file/JH9XMFUCOjfXdr3N09AHRD/On-boarding-iterations-June-'20)
2020-07-21 12:12:19 +12:00
Sam Seay b448ff60b7 Update @wordpress/base-styles and replace deprecated variables (https://github.com/woocommerce/woocommerce-admin/pull/4759)
Fixes woocommerce/woocommerce-admin#4732

This updates `@wordpress/base-styles`, and because `@wordpress/components` depends on variables from it, that must be updated as well.

There are 3 major changes required as part of updating:

1. The $theme-color variable is no longer exposed by base-styles. Instead there are 3 css vars exposed. These are made available by use of a provided mixin. Situations where $theme-color was darkened using scss have been mapped as best as possible to the 2 other darkened shades of the css var that are available such as `--wp-admin-theme-color-darker-20` and `--wp-admin-theme-color-darker-10`. In some cases this means the colors are not exactly the same as before.

2. The post css `theme()` call is no longer available. All uses of this have been consolidated to use of the main theme css var `--wp-admin-theme-color`. This means that calls like `theme(secondary)` or `theme(outline)` etc have all been consolidated to the one color.

3. Many of the variables used for different shades of gray have been deprecated. These have been mapped across to the new gray variables. (Mapped according to the list described in woocommerce/woocommerce-admin#4732)
2020-07-17 12:11:42 +12:00
Sam Seay 88ab1cf285 Fix a React warning in test that the key prop wasn't assigned in List (https://github.com/woocommerce/woocommerce-admin/pull/4808) 2020-07-15 14:35:44 +12:00
Joshua T Flowers 49a0a9f3a2 Add option to dismiss tasks (https://github.com/woocommerce/woocommerce-admin/pull/4733)
* Add dismiss button as task list item option

* Add option to undo task dismissal

* Record modal dismissal event

* Add transition animation to list items

* Use key for list items instead of index

* Remove dismissed tasks on recompleting profiler steps
2020-07-14 13:46:25 +03:00