Commit Graph

179 Commits

Author SHA1 Message Date
Chi-Hsuan Huang f052c3fed1 Replace deprecated wp.compose.withState with wp.element.useState (https://github.com/woocommerce/woocommerce-admin/pull/8338)
* Update search-list-control

* Update tag

* Update stories

* Add packages/components changelog
2022-02-23 09:35:50 +08:00
Chi-Hsuan Huang bda55d99f3 Bump package versions (https://github.com/woocommerce/woocommerce-admin/pull/8333) 2022-02-21 11:27:45 +08:00
Chi-Hsuan Huang c05ed7777a Update dependencies to support react 17 (https://github.com/woocommerce/woocommerce-admin/pull/8305)
* Upgrade dependencies to support react17

Update pkg

Update @wordpress/api-fetch and gridicons

* Update test snapshots

* Update SnackbarList with latest react-spring

* Mock data.dispatch for task-list-item.test.tsx

* Remove '@wordpress/components/src/visually-hidden/style' import

wp-components has included it

* Update interpolateComponents import path

* Fix display-options test

* Add changelogs

Update changelogs

* Add @automattic/explat-client-react-helpers back

* Update webpack.config for explat-client-react-helpers

Update webpack config comment

Fix grammar
2022-02-21 10:34:25 +08:00
rjchow 99a382c649 Fixed typing errors in Stepper component after typescript conversion 2022-02-17 10:35:39 +08:00
RJ 087ce5aa61 Enable type definitions output for @woocommerce/components (https://github.com/woocommerce/woocommerce-admin/pull/8282)
* Output typedefs for @woocommerce/packages
2022-02-11 19:39:34 +08:00
Jacob Sewell 5002a1498a Fix distorted Country/Region label at some zoom levels (https://github.com/woocommerce/woocommerce-admin/pull/8186)
* Override overflow rule for label in select controls in OBW store address inputs.

* Changelog for 7893/8186.

* Rather than specifically override the overflow for store addresss country/region, remove the specific rule that was causing the issue.

* Increase line-height on SelectControl label.

* Restore overflow: hidden rule for profile wizard control label.

* Update changelog for 7893/8186.

* Add package changelog entry for 7893/8186.
2022-01-31 15:56:15 -06:00
RJ ed27652e35 fix: onboarding wizard checkmarks go missing sometimes (https://github.com/woocommerce/woocommerce-admin/pull/8222)
- checkmarks in the stepper component go missing if the first checkmark is hidden
- happens because of html id collision between the checkmarks
- added some randomness to the mask ids
2022-01-27 19:08:31 +08:00
Ilyas Foo af2f0f7a78 Bump versions for multiple WooCommerce packages (https://github.com/woocommerce/woocommerce-admin/pull/8214)
* Bump versions for multiple packages

* Bump all package versions

* Fix spacing
2022-01-25 19:22:58 +08:00
Jacob Sewell 2b1dd08040 Fix/7174 dismiss button alignment (https://github.com/woocommerce/woocommerce-admin/pull/8168)
* Combine all the .woocommerce-task-dashboard__container .woocommerce-task-card rules in one block.

* Move the .woocommerce-task-card__section-controls text-align center rule up in specificity so it overrides the rule in experimental-list.
Do we need the experimental-list package still?

* Changelog for 7174/8168.

* Expand button to container width and center text rather than centering the entire button in the ellipsis menu.

* Move ellipsis menu button style to _global so it applies, um, globally.

* Update changelog description for 7174/8186.

* Move ellipsis-menu popover button style to package from _global.

* Add components package changelog for Dismiss button in Unreleased section.
2022-01-22 11:48:01 -06:00
Chi-Hsuan Huang 08acc3e2f7 Fix incorrect reader text generated for data points on charts table (https://github.com/woocommerce/woocommerce-admin/pull/8181)
* Fix incorrect screen reader text generated for data points on charts table

* Add changelog
2022-01-18 18:10:23 +08:00
Chi-Hsuan Huang f47a5c7898 Fix misaligned status column on orders report (https://github.com/woocommerce/woocommerce-admin/pull/8121)
* Fix misaligned status column on order report

Add labelPositionToLeft prop to order-status component

Set labelPositionToLeft=true for <OrderStatus> on orders report table

Remove style import

* Add changelogs

Add changelogs
2022-01-07 11:37:47 +08:00
louwie17 3998f88597 Remove unpublished wc-admin-settings package and update getSetting usage (https://github.com/woocommerce/woocommerce-admin/pull/8057)
* Remove use of wc-admin-settings from packages

* Move getSetting to getAdminSetting and remove wc-admin-settings package

* Add changelog

* Update package.json and remove last use of wc-admin-settings
2022-01-06 08:53:30 -04:00
Chi-Hsuan Huang 91fc05dcfe Fix misaligned rows per page dropdown (https://github.com/woocommerce/woocommerce-admin/pull/8113)
* Fix misaligned rows per page dropdown

* Add changelogs

Add changelogs
2022-01-05 18:01:42 +08:00
Chi-Hsuan Huang a2f0390ac8 Skip opening the dropdown if the click event is from the error message (https://github.com/woocommerce/woocommerce-admin/pull/8094)
* Skip focusing the dropdown if the click event is from the error message

fix woocommerce/woocommerce-admin#7906

Update conmments

* Add changelogs
2022-01-04 11:00:05 +08:00
Chi-Hsuan Huang a04ac544f8 Fix select-control component label value alignment css style (https://github.com/woocommerce/woocommerce-admin/pull/8045)
* Fix(select-control): fix label value alignment

Add padding to input value to have same algin space with input label.

fixed issue 7786

* Add changelogs

Fix changelog entry

Add changelogs
2021-12-20 17:54:22 +08:00
louwie17 7eeb77acc3 Fix datepicker in advanced filter (https://github.com/woocommerce/woocommerce-admin/pull/7982)
* Make sure we set the onMonthPreviewed prop as this is required for wp.components.DatePicker

* Add changelogs
2021-12-03 09:29:27 -04:00
Moon b8f4d035cb Bump @woocommerce/components version to 8.1.1 (https://github.com/woocommerce/woocommerce-admin/pull/7826)
* Bump components version to 8.1.1

* Update changelog

* Update changelog

* Update changelog
2021-10-20 16:29:14 -07:00
Danae Millan db2a74927b Fix calendar not being dismissed when clicked outside (https://github.com/woocommerce/woocommerce-admin/pull/7714)
* Add an 'onBlur' property to the 'DateInput' component

This allows passing a callback function for the input's onBlur event.

* Close the calendar when an element outside the parent dropdown gets focused

Previously, you had to click on the calendar and then click anywhere else for it to be closed without selecting a date. Now the calendar gets closed when any element outside the parent's dropdown element gets thefocus.

* Remove redundant code for dismissing the calendar when pressing the tab key

Dismissing the calendar this way doesn't seem to be good for accessibility. That aside, the introduced dismissal on blur handles the scenario of when the calendar isn't needed anymore and the user is navigating with the keyboard.

* Add changelog entry

* Use the PR ID instead of the issue ID for the changelog entry

* Separate new declaration on a new line instead of using a comma

* Add an entry to the packages/components/ changelog
2021-10-13 08:20:24 +08:00
louwie17 c6abb21840 Fix country region select with autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/7497)
* initial refactor

* Fix auto fill and write tests

* Removed autofill from country/region and added support for abbreviation regions

* Add changelog

* Add changelog for the component package

* Fix clear form for autofill
2021-08-23 14:36:00 -03:00
Adrian Duffell b21f659b27 Prepare packages for publishing (https://github.com/woocommerce/woocommerce-admin/pull/7492)
* Bump experimental package to 1.5.1

* Bump components package to 8.1.0
2021-08-10 19:42:03 +08:00
Dat Hoang d001ca23f0 Update component Table to align texts and numeric a bit smarter (https://github.com/woocommerce/woocommerce-admin/pull/7431)
* Update Table components to align texts and numeric a bit smarter

Text fields are left-aligned and numeric values should be right-aligned.

* Update a snapshot test

 npm run test:client -- --updateSnapshot client/analytics/components/leaderboard/test/index.js

* Add tests for property isLeftAligned
2021-08-09 08:04:06 +07:00
Chris Aprea 71aa954577 Do not retain values when switching between rules in the DateFilter component (https://github.com/woocommerce/woocommerce-admin/pull/7423)
* Do not retain values when switching between rules in the DateFilter component

* Add changelog entry

* Remove unnecessary use of the ternary operator

* Fix the changelog entry

* Add tests

* Add changelog entry

Co-authored-by: Chris <chris.aprea@automattic.comchris.aprea@automattic.comchris.aprea@automattic.com>
2021-08-06 15:39:16 +10:00
Tomek Wytrębowicz afd6693718 Add `hidden` legendPosition to `Chart`. (https://github.com/woocommerce/woocommerce-admin/pull/7378)
* Add `hidden` legendPosition to `Chart`.

Sometimes, for example, when there is a single data set, there is no need for rendering the legend. It may even introduce more confusion than value. It seems interactive, but there is nothing you can do with it.

Fixes: https://github.com/woocommerce/google-listings-and-ads/issues/618

* Add `@storybook/addon-knobs` to devDependencies.

It was used but not explicitely stated.

* Add a changelog entry.

* Add tests for legendPosition in Chart component

Co-authored-by: Lourens Schep <lourensschep@gmail.com>
2021-07-27 11:14:54 -03:00
Sam Seay 172b115ef9 Fix the deprecated behaviour for `<Form>` callbacks and push removal to 9.0.0 (https://github.com/woocommerce/woocommerce-admin/pull/7356)
The deprecated (but not removed) `onChangeCallback` and `onSubmitCallback` props were not being called because of an error in the logic that checked for presence of the new callbacks (it was always truthy due to it having a fallback to an empty function).

This reverses the logic so that if the deprecated props are provided they will be called, if the new props (only) are provided they will be called instead.

This also pushes the removal of these back to 9.0.0, because in the past these deprecated version numbers had little thought behind them, but this gives a more realistic time frame for removal and an understanding that a *major* version will break compatibility, not a patch version as the old version number suggested.
2021-07-26 14:45:03 +12:00
Jeff Stieler 8e61f55017 Allow packages to be built in isolation. (https://github.com/woocommerce/woocommerce-admin/pull/7286)
* Use yarn instead of npm.

In prep for workspaces, since we're locked to npm < 7. See: https://github.com/woocommerce/woocommerce-admin/pull/7126#issue-661287749

* Initial workspace creation.

* Add initial tsc build to @woocommerce/number.

* Attempt to build experimental package.

* Try currency package.

* Define all packages as workspaces.

* Use tsconfig common to packages.

* Fix currency package build.

* Build csv-export with tsc.

* Try to build customer-effort-score with tsc.

* Fix JSX pragma.

* Build data package with tsc.

* Build date package with tsc.

* Build experimental package with tsc.

* Try to build explat package with tsc.

* Build navigation package with tsc.

* Build notices package with tsc.

* Build onboarding package with tsc.

* Build components package with tsc.

* Swap in package JS build into main script.

* Fix experimental package build.

* Try per-package css build with components.

* Try to run components package tests in isolation.

Broken on JSX in test files not being transformed.

* Move @woocommerce/wc-admin-settings into a package.

* Try to fix components package tests.

Fails because we aren't setting up the jest/jest-dom globals.

* Move JS test code to reusable (private) package.

* Enable incremental TS builds.

* Use workspaces to run JS tests.

* Use new jest configs for update snapshot scripts.

* Fix style builds.

* Fix package version in components.

* Fix client test debug and watch scripts.

* Update yarn lock.

* Update test-staged behavior.

* Try to fix storybook.

* Fix storybook.

* Update more npm commands to yarn.

* Add changelog.

* Fix lint errors.

* Update packages readme script references.

* Clean up unused gitignore match.

* Fix another npm command.

* Fix JS builds on watch.

* Fix start script.

* Fix start scripts for packages.

* Use tsc to build packages before tests

* yarn -> npm.

# Conflicts:
#	package-lock.json
#	package.json

* Fix linter error.

* Remove workspace definitions.

* Fix missing Fragment import.

* Fix package lock.

* Fix missing reference.

* Only build commonjs module for js-tests helper.

* Remove errant dependency from components.

* Remove noop scripts.

* Fix package JS build before testing.

* Revert noisy formatting changes.

* Fix precommit and test scripts.

* Fix minimum expected recommended extension count.

Japan test case breaks this.

* Revert babel config changes.

* chore(release): publish

 - @woocommerce/components@7.2.0
 - @woocommerce/csv-export@1.4.0
 - @woocommerce/currency@3.2.0
 - @woocommerce/customer-effort-score@1.1.0
 - @woocommerce/data@1.4.0
 - @woocommerce/date@3.1.0
 - @woocommerce/dependency-extraction-webpack-plugin@1.7.0
 - @woocommerce/eslint-plugin@1.3.0
 - @woocommerce/experimental@1.5.0
 - @woocommerce/explat@1.1.0
 - @woocommerce/js-tests@1.1.0
 - @woocommerce/navigation@6.1.0
 - @woocommerce/notices@3.1.0
 - @woocommerce/number@2.2.0
 - @woocommerce/onboarding@1.1.0
 - @woocommerce/tracks@1.1.0
 - @woocommerce/wc-admin-settings@1.1.0

* Add script for running 'start' in a package.

* Remove yarn from gitignore.

* Update package changelogs, prep versions for release.

* Try to fix E2E tests after main merge.

* Some cleanup.

* Add changelog.

Co-authored-by: Paul Sealock <psealock@gmail.com>
2021-07-14 16:38:57 -04:00
Dat Hoang 2dfe2c2bd2 Add TableSummaryPlaceholder to support skeleton loading (https://github.com/woocommerce/woocommerce-admin/pull/7294)
* Add TableSummaryPlaceholder

* Expose TableSummaryPlaceholder to package @woocommerce/components

* Add test instructions and changelog entries to MD files

* Add tests for TableSummaryPlaceholder

* Add storybook for TableSummaryPlaceholder
2021-07-14 10:18:54 +07:00
Sam Seay 48ade7786b Remove deprecated components in prep for release 8.0.0 of @woocommerce/components (https://github.com/woocommerce/woocommerce-admin/pull/7293) 2021-07-14 10:40:55 +12:00
Paul Sealock 3b2a153580 AdvancedFilters: Create workable defaults for Reports that don't have them (https://github.com/woocommerce/woocommerce-admin/pull/7186)
* on Filter update, keep all queries

* update _x translator instructions

* fix revenue filters

* better default advFilter

* fix stock filters

* revert readme changelog
2021-07-14 10:17:51 +12:00
louwie17 b4cb82b9cb Update changelog and increase version for components, data, and experimental packages (https://github.com/woocommerce/woocommerce-admin/pull/7311) 2021-07-08 13:30:11 -03:00
Paul Sealock d5f16fd0dc Filters: On update respect all other queries, not just persistedQueries (https://github.com/woocommerce/woocommerce-admin/pull/7155)
* on Filter update, keep all queries

* changelog

* package changelog

* instead of keeping everything else, remove advancedFilters when main filter is set to 'all'

* remove all queries associated with filter in question

* dedupe params

* add tests
2021-07-08 09:36:34 +12:00
Jeff Stieler 9f63719baa Fix attribute filter for "any X" variations. (https://github.com/woocommerce/woocommerce-admin/pull/7046)
* Use order item data to match attributes.

Fixes matching on products with "any x" attributes.

* Fix attribute query on variations report.

* Fix variations report item count.

* Add test coverage.

* Add changelog entry.

* Fix non-string query prop warning in SelectControl component.

* Move custom attribute retrieval to a reusable Trait.

* Ensure all custom attribute terms are included in the API response.

* Combine all terms from custom attributes.

When they're split across multiple products.
2021-06-22 08:45:08 -04:00
louwie17 2443b857f6 Add rowKey prop to table for allowing custom keys in rows (https://github.com/woocommerce/woocommerce-admin/pull/7196)
* Add rowKey prop to table for allowing custom keys in rows

* Add changelog

* Add test

* Fix lint errors
2021-06-18 09:18:19 -03:00
Ilyas Foo bd51529aea Revert Card component removal (https://github.com/woocommerce/woocommerce-admin/pull/7167)
* Revert "Remove the deprecated Card component (https://github.com/woocommerce/woocommerce-admin/pull/7114)"

This reverts commit c07a5d77a6.

* Update changelog
2021-06-11 14:26:02 +08:00
louwie17 992951f3ef Bump package versions for release (https://github.com/woocommerce/woocommerce-admin/pull/7106)
* Bump package versions for release

* Update start plugin dependency version

* Add changelog to components and onboarding package
2021-06-09 18:01:07 -03:00
Fernando 8ced81d369 Show task and activity notifications in the Inbox panel (https://github.com/woocommerce/woocommerce-admin/pull/7017)
* Added abbreviated panels

This commit adds abbreviated panels

* Added notifications getter

* Variables renamed

* Added unread-indicators refactor

* Open panel by default

* Refactor unread-indicators

* Renamed a few files and added event recording

* Modified "critical alert" presentation

* Removed useless control

* Renamed const

* Added control to InboxPanel component

* Multiple critical alerts handling

* Fixed styles

* Moved Inbox panel styles

# Conflicts:
#	packages/experimental/src/inbox-note/style.scss

* Added tests

* Inbox panel width reduced

* Small refactor for unread notifications

* Renamed abbreviated card component

* Added changelog

# Conflicts:
#	readme.txt

# Conflicts:
#	readme.txt

* Renamed inbox-panel and the cards config file

* Renamed unread notifications variable

* Fixed abbreviated card box-shadow

* Small refactor to unread-indicators file

* Refactored method getInitialState

* Added scroll to task list

# Conflicts:
#	client/task-list/task-list.js

* Small CSS changes to titles

* Fixed changelog

# Conflicts:
#	readme.txt

# Conflicts:
#	readme.txt

* Added param to filter `woocommerce_admin_onboarding_task_list`

* Removed extensibility from `getAbbreviatedNotifications`

* Fixed chunk name

* Removed `critical` prop from `AbbreviatedCard` comopnent

* Moved AbbreviatedCard component to `packages`

This commit moves the component `AbbreviatedCard` to `packages`

# Conflicts:
#	docs/components/_sidebar.md
#	packages/components/CHANGELOG.md
#	packages/components/src/index.js

# Conflicts:
#	packages/components/CHANGELOG.md

* Removed `critical alerts` tag from abbreviated card

This commit removes the tag `critical alerts` from the `Things to do next` abbreviated card

* Removed filter `woocommerce_admin_abbreviated_card_list`

* Fixed icon

* Added defaut value to `hasUnreadNotifications`

* Fix mapSelect error when the dismissed tasks option isn't populated.

* Added AbbreviatedNotificationsPanel

* Added tests

* Renamed `getUnreadNotes` to `isNotesPanelVisible`

* Removed abbreviated-card.js

* Added singular/plural copy handling

* Renamed method `getInitialState` to `getInitialOpenState`

* Fixed Link prop

* Revert "Fixed Link prop"

This reverts commit 74e6a7fae030766eb5d6be098caa15478f2cb2c6.

* Fixed Link prop

* Added task list visibility check

* Fixed scroll after redirect

# Conflicts:
#	client/task-list/index.js

* Added propType to `AbbreviatedCard`

* Fixed `Add-task doc example

* Removed default values from ActivityPanel

* Fixed multiple calls to a filter

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
Co-authored-by: Jeff Stieler <jeff.m.stieler@gmail.com>
2021-06-09 10:56:45 -03:00
Sam Seay bff75b42f6 Deprecate the no longer used Gravatar component (https://github.com/woocommerce/woocommerce-admin/pull/7116) 2021-06-04 10:08:45 +12:00
Sam Seay 14258a324a Remove useFilters, it was deprecated a long time ago. (https://github.com/woocommerce/woocommerce-admin/pull/7117) 2021-06-04 09:44:22 +12:00
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
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
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
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
Jeff Stieler 5e51901e6a Update package versions for publishing. (https://github.com/woocommerce/woocommerce-admin/pull/6985) 2021-05-13 09:42:04 -06: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
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