mattermost/webapp/platform/components
Pablo Vélez 661f7f6a83
Mm 62677 modal focus second part (#30099)
* MM-62312 - modal focus management; revamp quick switch channel modal!

* get quick switch test working

* configure the generic modal to accept refs to focus within and onhide to the origin element

* apply pr feedback, get modal element get autofocus, use id instead of ref

* update more direct channels modal to use generic modal

* fix unit tests and snapshots

* fix unit tests

* fix modal margin top to fit in smaller screens

* fix e2e test

* remove unnecesary onexited extra call

* fix e2e tests

* set correct label

* fix snapshots

* create helper function for sending custom focus event

* migrate quick switch modal to use new approach to focus

* migrate more direct channels modal to new approach

* fix snapshots

* fix types

* fix modal closing behavior

* fix snapshots

* fix cypress tests

* remove only

* MM-62677 - migrate modals, invite modal work

* user settings modal

* fix snapshots

* finish user settings migration

* migrate confirm modal to use generic modal

* notification preferences migration

* implement focus back to trigger to channel notifications modal

* fix test snapshots

* initial self code review

* fix CI errors, translation and some types

* add modal location param and adjust test

* fix cypress test text

* fix cypress test text

* fix e2e test for invitation modal

* fix e2e test selector

* adjust modal height

* temp

* fix e2e tests

* fix snapshot

* fix e2e tests

* fix snapshots

* fix snapshots

* fix snapshots

* fix e2e tests

* update snapshots

* fix snapshots

* fix linter

* Implement PR feedback

* fix e2e tests

* adjust styling for channel notifications modal

* more fixes to e2e tests

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
2025-03-10 23:20:59 +01:00
..
src Mm 62677 modal focus second part (#30099) 2025-03-10 23:20:59 +01:00
.eslintrc.json MM-52624/MM-57094 Update ESLint and our ESLint plugin (#26398) 2024-03-13 22:07:28 +00:00
babel.config.js MM-52213 webapp/platform/components : Add unit test framework (#23366) 2023-05-18 17:40:12 +05:30
jest.config.js [MM-55294] Migrate jest v26 to v29 to speed up "web app CI PR / test" (#25192) 2023-11-07 11:41:26 +05:30
package.json MM-52624/MM-57094 Update ESLint and our ESLint plugin (#26398) 2024-03-13 22:07:28 +00:00
README.md Fix references from 'packages/*' to 'platform/*' in READMEs (#23498) 2023-06-02 15:35:58 +05:30
rollup.config.js MM-57093 Update SCSS, Stylelint, and related packages (#26296) 2024-03-13 17:00:57 -04:00
setup_jest.ts [MM-55294] Migrate jest v26 to v29 to speed up "web app CI PR / test" (#25192) 2023-11-07 11:41:26 +05:30
tsconfig.json [MM-55294] Migrate jest v26 to v29 to speed up "web app CI PR / test" (#25192) 2023-11-07 11:41:26 +05:30

Mattermost Components

The goal of this package is to be a place where components common to all products can be shared.

Currently a work in progress. Next steps involve implementing webpack module federation in the webapp and locking down how the development experience will work for the webapp multi product architecture.

Usage

Coming soon with multi product architecture.

Compilation

Building is done using rollup. This must be done so the webapp webpack will pick up the changes. (multi product development experience coming soon)

npm run build

or from the root of the webapp with

npm run build --workspace=platform/components