Commit Graph

543 Commits

Author SHA1 Message Date
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