Commit Graph

40 Commits

Author SHA1 Message Date
Nathan Silveira f668ce72ac
Add tests to tracks events fired through JS (#38124)
* Add test for inbox_note_view event

* Add tracks test for Layout's page_view

* Add test to inbox_action_click

* Add tests to analytics_filter tracks event

* Add tracks event test to activity_panel_open

* Add tests to tracks event activity_panel_orders_orders_begin_fulfillment

* Add tracks tests to activity_panel_stock_update_stock

* Improve tests based on code review comments

* Mock recordEvent and recordPageView globally

* Add missing mock

* Improve inbox panel tests
2023-05-10 09:36:42 -03:00
Joshua T Flowers 527249f754
Fix unread notes count in inbox panel (#35396)
* Mark note as read when viewing

* Show unread note count

* Add ability to fetch read or unread notes

* Count unread notes on server side to avoid pagination limits

* Add changelog entry

* Add data changelog entry

* Add check for note actions before checking length

* Add changelog entry

* Mark note as read after 3s delay
2022-11-23 08:52:46 -08:00
Joel Thiessen 315e163b29
Only show five inbox messages and add "Show more" button (#35003)
* Basic paging functionality

* Adding changelog

* Inserting placeholder at end of list, working dismissal

* Fixing issues with dismissed notes not updating UI

* Fixing odd display when removing last note

* Renaming page variable

* Adding tracks event

* Addressing issues caused by .map within useSelect, and getting rid of hash

* Fixing nested ternary linting issue

* Removing console logs

* Updating test
2022-10-13 08:36:02 -03:00
Chi-Hsuan Huang 7068c78101
Fix JS lint errors (#33484)
* Fix @woocommerce/data lint errors

* Fix internal-e2e-builds lint error

* Fix lint errors
2022-06-21 16:37:34 +08:00
RJChow 1ba60ee69d Codemod to change i18n text domain from 'woocommerce-admin' to 'woocommerce' in WCA Client 2022-04-01 11:41:32 +08:00
Chi-Hsuan Huang c05605fddf Update linting, testing, `@types/*` dependencies (https://github.com/woocommerce/woocommerce-admin/pull/8475)
* Update husky from 4 to 7

* Update @types/jest from 26 to 27

* Update lint-staged from 10 to 12

* Update babel-jest from 26 to 27

* Update @typescript-eslint/eslint-plugin from 4 to 5

* Update @typescript-eslint/parser from 4 to 5

* Update chalk from 4 to 5

* Update concurrently from 5 to 7

* Update stylelint from 9 to 14 and stylelint-config-wordpress from 13 to 17

* Update @wordpress/prettier-config from 0.4 to 1.1

* Update eslint from 7 to 8, @wordpress/eslint-plugin from 8 to 10, eslint-plugin-testing-library to 5

* Fix lint errors after updating eslint-plugin-testing-library

* Fix style lint

* Rename .stylelintrc.json -> stylelint.config.js & add todo comment

Fix stylelint.config.js

* Remove @wordpress/e2e-test-utils

* Add changelogs for eslint-plugin

* Update storybook/preview.js since addDecorator has been deprecated

Remove parameters

* Import directly from @storybook/addon-docs

* Migrate some stories to use @storybook/addon-controls

Add a comment for @storybook/addon-knobs

* Update changelogs

* Update preview.js to fix lint warning

* Update pnpm-lock.yaml

* Fix eslint layout errors (https://github.com/woocommerce/woocommerce-admin/pull/8484)
2022-03-18 19:45:14 +08:00
Chi-Hsuan Huang 3dff2fe11e Fix inbox letters truncator to support multi characters (https://github.com/woocommerce/woocommerce-admin/pull/8404)
* Install grapheme-splitter

* Support multi-characters Unicode letters for inbox html truncator

* Fix truncateRenderableHTML length compare

* Change note to immutable

* Add changelog

* Use hasChildNodes() to check if we should call truncateElement

* Add tests for truncate()
2022-03-07 12:09:26 +08:00
RJ d2205a6faf Stop showing actioned inbox items (https://github.com/woocommerce/woocommerce-admin/pull/8394)
* Stop showing actioned inbox items

- revert of https://github.com/woocommerce/woocommerce-admin/pull/7983/

* Trigger rerun of CI
2022-03-01 21:08:29 +08:00
Moon a2dfbffe89 Remove inbox_action_click event -- this is called from backend by triggerNoteAction (https://github.com/woocommerce/woocommerce-admin/pull/8376) 2022-02-28 11:40:35 -08:00
Joshua T Flowers 517d248ed7 Remove unused task styling classes (https://github.com/woocommerce/woocommerce-admin/pull/8234)
* Remove unused task styling classes

* Rename typo in dismiss modals

* Remove extra styling selector class

* Add changelog entry
2022-02-04 10:26:56 -05:00
Chi-Hsuan Huang cedb47d2b0 Make activity panel badges margin consistent (https://github.com/woocommerce/woocommerce-admin/pull/8152)
* Make activity panel badges margin consistent

* Add changelog
2022-01-13 09:50:59 +08:00
Moon c84a8f4d40 Add/8073 add action_click event to inbox 2.0 (https://github.com/woocommerce/woocommerce-admin/pull/8086)
* Prevent firing multiple panel view event

* Add inbox_action_click event when a note gets clicked

* Add changelog
2021-12-27 16:38:31 +08:00
Joshua T Flowers 7aeb0a19d2 Migrate header items to slot fills (https://github.com/woocommerce/woocommerce-admin/pull/7805)
* Add SlotFill area to header

* Add activity panel fill

* Move activity panel to root client folder

* Move activity panel registration to its own folder

* Add navigation fill

* Add page title slotfill

* Slot fill the back button

* Move mobile banner to slot fill

* Fix navigation fill on embed pages

* Add changelog entry

* Allow order prop to header item fill

* Split header into before and after

* Fix header title gaps

* Fix nav and mobile app banner placement

* Fix display options import

* Only use last item for page header title fill

* Use function to pass fill props instead of bind

* Rename header slots

* Fix mobile banner dismissal check

* Fix up inbox panel rename

* Update task title in tests

* Fix up task status retrieval
2021-12-14 11:56:42 -05:00
Moon 149abf09bc Do not truncate non-U.S notes. (https://github.com/woocommerce/woocommerce-admin/pull/8022)
* Do not truncate non-U.S notes.

* Include en_AU, en_CA, en_GB, and en_ZA
2021-12-09 10:43:04 -08:00
Moon 98c9d8adc5 Do not truncate notes created before WC 6.1 release (https://github.com/woocommerce/woocommerce-admin/pull/8023)
* Do not truncate notes created before WC 5.9 release

* Change WC version number
2021-12-08 19:08:47 -08:00
Adrian Duffell 6c802ff932 Add inbox_note_view Tracks Event (https://github.com/woocommerce/woocommerce-admin/pull/8002) 2021-12-07 09:18:54 +08:00
Moon 008b6cf2e5 Display actioned notes on Woo Home (https://github.com/woocommerce/woocommerce-admin/pull/7983)
* Query both actioned and unactioned notes

* Fix note title style issue when the component is rendered in the sidebar

* Add changelog

* Update changelog

* Adjust styling

* Fix lint error

* Simplify title style by using title class selector
2021-12-02 13:04:05 -08:00
Moon d64a276032 Introduce a 320 character limit for inbox note contents (https://github.com/woocommerce/woocommerce-admin/pull/7958)
* Introduce a 320 char limit for inbox notes

* Extract truncateRenderableHTML to utils and use truncate from lodash to support word break

* Replace omission with blank so that lodash does not add ... at the end

* Add test cases for truncateRenderableHTML

* Add a test case with unicode string

* Add changelog

* Add a test case for preserving whole words
2021-11-23 15:47:48 -08:00
Moon e36b65e3b9 Hide InboxPanel header content in the sidebar (https://github.com/woocommerce/woocommerce-admin/pull/7952)
* Hide Inbox Panel header when it is rendered in the sidebar

* Add changelog

* Update changelog
2021-11-23 02:27:32 -08:00
Moon 765697f5e0 Implement inbox note read state (https://github.com/woocommerce/woocommerce-admin/pull/7896)
* Wrap notes with Card component -- Added header, badge, and cllipsis menu

* Add hover state

* Dismiss note immediately without prompting a confirmation (https://github.com/woocommerce/woocommerce-admin/pull/7868)

* use woocommerce-admin-dismiss-notification class to target the dissmiss btn

* Add changelog

* Specify CSS styles so tha they dont get overridden by other plugins

* Update changelog

* Add is_read column

* Do not update activity_panel_inbox_last_read upon viewing the homepage

* Remove use of last_read variable

* Return is_read field from the note api

* Use is_read field and remove last_read from the test

* Set is_read to true when an action is triggered

* CSS changes for the read state

* Apply padding and border if there are multiple actions

* Remove unread indicator

* Add changelog

* Update changelog

* Revert package-lock.json

* Fix onDismiss not being called after rebasing

* Check is_read before setting it to the obj -- this prevents uninteded error messages piling up in case is_read col is missing for some reason

* Revert changs added by mistake during rebasing

* Revert changes to package-lock.json

* Remove incorrect changelog

* Commit to triger Github workflows
2021-11-17 12:15:48 -08:00
Moon db030bb938 Add dismiss all button for Inbox 2.0 (https://github.com/woocommerce/woocommerce-admin/pull/7871)
* Wrap notes with Card component -- Added header, badge, and cllipsis menu

* CSS changes to adjust padding and margin

* Update text and classname

* Add dismiss all modal

* Render dismiss all modal

* Dismiss all notes

* Update client/inbox-panel/index.scss

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>

* Update client/inbox-panel/index.scss

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>

* Move text to inline

* Pass onClose callback instead

* Move dismissAllNotes into the modal component

* Rename dismissNote to onDismiss

* Alias setShowDismissAllModal as onDismissAll

* Reset margin-bottom to prevent the latest GB to add unwanted margin-bottom

* Commit to triger Github workflows

* Add changelog

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>
2021-11-16 21:56:05 -08:00
Moon a70d331cdf Present Inbox notes in a panel with header (https://github.com/woocommerce/woocommerce-admin/pull/7864)
* Wrap notes with Card component -- Added header, badge, and cllipsis menu

* CSS changes to adjust padding and margin

* Change buttons to link style

* Render image only when the layout is thumbnail

* Add hover state

* Update text and classname

* Dismiss note immediately without prompting a confirmation (https://github.com/woocommerce/woocommerce-admin/pull/7868)

* use woocommerce-admin-dismiss-notification class to target the dissmiss btn

* Add changelog

* Specify CSS styles so tha they dont get overridden by other plugins

* Update changelog

* Remove message gap

* Remove unwanted changes from package-lock.json

* Update changelog
2021-11-04 20:51:30 -07:00
louwie17 3bda07aec3 Add status param support for dismissing all notes (https://github.com/woocommerce/woocommerce-admin/pull/7743)
* Add status param support for dismissing all notes

* Add changelog

* Add unit test for new arg in /delete/all endpoint
2021-10-05 15:37:52 -03:00
louwie17 0036aeffb6 Fix some minor inbox panel issues, left over from re-factor (https://github.com/woocommerce/woocommerce-admin/pull/7125)
* Add optional classname to inboxNote, and fix dimiss cancel button

* Fix formatting
2021-06-09 16:38:22 -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
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
Hsing-Yu Flowers 2ae0168705 Update timing of InboxPanel state changes for the unread indicator (https://github.com/woocommerce/woocommerce-admin/pull/6246) 2021-02-18 11:45:43 +08:00
Elizabeth Pizzuti bc5c6a700b Updated copy in task lists (https://github.com/woocommerce/woocommerce-admin/pull/6298) 2021-02-11 12:57:51 +13:00
renovate[bot] 8c9235096c Update wordpress monorepo (https://github.com/woocommerce/woocommerce-admin/pull/6013)
Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Lourens Schep <lourensschep@gmail.com>
Co-authored-by: Sam Seay <samueljseay@gmail.com>
2021-02-11 10:52:39 +13:00
louwie17 3d330bcee3 Fix the react state update error on homescreen (https://github.com/woocommerce/woocommerce-admin/pull/6286)
* Fix the react state update error on homescreen

* Fix note store dependency

* Update package lock file

* Add tests, and revert package-lock

* Add transient notices tests, and address PR feedback
2021-02-09 11:19:43 -04:00
louwie17 78d62c858d Move inbox panel to left column, to increase user interaction (https://github.com/woocommerce/woocommerce-admin/pull/6122)
* Move inbox panel to left column, to increase user interaction

* Add changelog

* Fix and add test

* Remove old loading banner-block

* Remove unused css

* Fix test with new props
2021-01-28 09:33:36 -04:00
Sam Seay f1d649a657 Add an unread indicator to inbox messages based on existing logic. (https://github.com/woocommerce/woocommerce-admin/pull/6047) 2021-01-13 08:48:24 +13:00
Bec Scott 0e7249c910 Add filter by variations in reports note (https://github.com/woocommerce/woocommerce-admin/pull/5208)
Authored-by: Rebecca Scott <me@becdetat.com>
2020-12-08 16:50:27 +13:00
Moon 16ef985c39 Apply CSS directly to woocommerce-homepage-notes-wrapper class to prevent applying the style to other classes (https://github.com/woocommerce/woocommerce-admin/pull/5835) 2020-12-07 12:18:51 -08:00
Moon 6d783d57a3 Add 24px padding top to the container (https://github.com/woocommerce/woocommerce-admin/pull/5716) 2020-12-02 13:32:24 -08:00
louwie17 aebd120a16 Replaced default inbox message styling with message-is-unread styling, and deleted message-is-unread styles (https://github.com/woocommerce/woocommerce-admin/pull/5573) 2020-11-12 08:47:40 -04:00
Jeff Stieler 041aec8ff9 Homescreen layout changes (https://github.com/woocommerce/woocommerce-admin/pull/5465)
* Migrate homescreen specific backend code to its own class.

* Default to single column homescreen.

Create an option to handle the default homescreen layout value.

* Potentially reset sticky column when layout is changed.

* Move homescreen components to their new locations.

* Clean up defunct CSS.

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

* Remove header from inbox notes.

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

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

* Remove unused variables.

* Add sticky scrolling behavior to both homepage columns.
2020-11-06 12:53:03 -05:00
Timmy Crawford 22212e83ae Remove no longer used isPanelEmpty logic. (https://github.com/woocommerce/woocommerce-admin/pull/5423) 2020-10-22 08:14:13 -07:00
Fernando 20a14ca689 Added animation to Inbox note deletion (https://github.com/woocommerce/woocommerce-admin/pull/5263)
This commit adds an animation to Inbox note deletion

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

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
2020-10-06 10:13:32 -03:00