Commit Graph

701 Commits

Author SHA1 Message Date
louwie17 dae2abad2d Increase ellipsis toggle specificity (https://github.com/woocommerce/woocommerce-admin/pull/7169) 2021-06-15 11:42:02 +08: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
Sam Seay 77906db0ff Use sass-migrator to migrate division to math.div (https://github.com/woocommerce/woocommerce-admin/pull/7136) 2021-06-10 17:09:27 +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 9033d575cc Remove stylesheets supporting IE11 (https://github.com/woocommerce/woocommerce-admin/pull/7137)
* Remove stylesheets supporting IE11.

* Add a changelog entry.
2021-06-09 09:11:18 -03:00
Sam Seay 9bd935fd32 Update the removal version to 8 for deprecated components to ensure better lead time. (https://github.com/woocommerce/woocommerce-admin/pull/7134) 2021-06-09 09:03:22 -03:00
Renovate Bot a942fa4f99 Pin dependencies 2021-06-09 02:57:00 +00: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
louwie17 baba993f85 Add remind me later support to task list (https://github.com/woocommerce/woocommerce-admin/pull/6923)
* Initial ellipses menu render on task list

* Added remind me later functionality

* Fixed tests and wrote tests for ellipsis menu

* Update tracks

* Add changelog and update css

* Fix up spacing and track name

* Address PR feedback and add extra integration tests

* Remove the should render correctly test, as the other tests cover this

* Move logic out of mark up

* Directly reference the EllipsisMenu for now to circumvent a circular dependency

* Fix direct import in jest tests

* Preload remind me later optoin

* Some styling animation changes for the task list

* Stagger transitions for dismissing within collapsible list

* Fix lint warnings

* Update logic to prevent the use of TS `as`

* Add tests and comments
2021-06-03 18:44:05 -03: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
renovate[bot] 302c7f95e4 Update dependency dompurify to v2.2.9 (https://github.com/woocommerce/woocommerce-admin/pull/7100)
Co-authored-by: Renovate Bot <bot@renovateapp.com>
2021-06-03 14:11:24 +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
renovate[bot] f817302e99 Update dependency dompurify to v2.2.8 (https://github.com/woocommerce/woocommerce-admin/pull/6972)
Co-authored-by: Renovate Bot <bot@renovateapp.com>
2021-05-25 07:43:44 +12: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
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
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
louwie17 7859e37221 Making experimental package public and updating its dependency versions (https://github.com/woocommerce/woocommerce-admin/pull/6810)
* Making experimental package public, and updating the dependency versions

* add experimental to webpack and make explat public

* bump DEWP package version

* use filepath for inter package dependencies

* load experimental script

* remove check for experimental

Co-authored-by: Sam Seay <samueljseay@gmail.com>
Co-authored-by: Paul Sealock <psealock@gmail.com>
2021-04-16 15:34:15 +12:00
louwie17 68161836a5 Update experimental package path, and bump patch version (https://github.com/woocommerce/woocommerce-admin/pull/6808)
* Update experimental package path, and bump patch version

* Revert package-lock changes
2021-04-15 15:34:12 -03:00
louwie17 c0cb48f217 Bumped version and changelog of component package to 6.1.0 (https://github.com/woocommerce/woocommerce-admin/pull/6806)
* Bumped version and changelog to 6.1.0

* Remove the unreleased header
2021-04-15 13:54:32 -03:00
Albert Juhé Lluveras f3b097c3d3 Add dompurify and md5 to @woocommerce/components dependencies list (https://github.com/woocommerce/woocommerce-admin/pull/6804)
* Add dompurify and md5 to @woocommerce/components dependencies list

* Add changelog entry

* Add @woocommerce/experimental to @woocommerce/components dependencies list

* Update changelog entry
2021-04-15 13:29:44 -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
Paul Sealock 3dcb7697e5 Bump components version and add single publish instructions (https://github.com/woocommerce/woocommerce-admin/pull/6736) 2021-04-02 12:28:03 +13: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