* Add NotificationDecoration component
Add the NotificationDecoration component to shared-components.
This is a leaf component that renders notification badges and indicators
for rooms/items including mentions, unread counts, call indicators, etc.
* Add RoomListItem component
Add the RoomListItem component to shared-components.
Includes context menu, hover menu, notification menu, and more options menu.
* Add RoomListPrimaryFilters component
Add filter chips component for filtering the room list by
unread, people, rooms, favourites, mentions, invites, and low priority.
* Update VirtualizedList component
Update VirtualizedList to support the room list virtualization requirements.
* Add RoomList component
Add RoomList component that renders a virtualized list of room items.
Includes story mocks for testing.
* Add RoomListView component
Add RoomListView component that composes RoomList with filters,
empty states, and loading skeleton.
* Export room-list components from shared-components
Add exports for RoomListView, RoomListItem, RoomListPrimaryFilters, and RoomList.
Include i18n strings for room list components.
* Add RoomListItemViewModel
Add view model for individual room list items.
Manages per-room subscriptions and updates only when specific room data changes.
* Add RoomListViewViewModel
Add view model for the room list view.
Manages room list state, filtering, keyboard navigation, and child view models.
* Integrate shared components into RoomListView
Update RoomListView to use the new ViewModels and shared components.
Includes i18n string updates for element-web.
* Remove old room list implementation
Remove old ViewModels, hooks, and view components that are now
replaced by the shared-components implementation.
* Update sliding-sync playwright test
Update test expectations for new room list implementation.
* Add figma links
* Move viewModels to the right folder
* Rename to RoomListEmptyStateView
* Update VirtualizedRoomListView naming
* Update screenshots and snapshots
* Move viewmodel tests to the right location and fix some imports
* lint
* Use unknown as an Opaque type rather than any. It discourages property access within shared components and can still be cast back in EW.
* Update screenshots for new shared component rendering params
* Make room order tests deterministic
* Update dependency @playwright/test to v1.58.1
* Update snapshots & screenshots
* Another screenshot
* Un-focus room tile and scroll it into view
possibly some change in what ends up focused after a popup disappears
* uncomment the screenshots
* Correct screenshot
---------
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: David Baker <dbkr@users.noreply.github.com>
* Move EventTileBubble to shared components as is
* Added documentation and updated stories and unit tests
* Move 'global' element web css to _common.pcss
* Adding playwright snapshots
* Updated comments
* Added legacy mx_MessageTimestamp class and updated snapshots
* Regenerate snapshots with correct hash
* Changes to css and removed timestamp from properties after review.
* Update screenshot for room-list and fix flaky CI playwright test.
* Blur the play button before matching screenshots
* Changed to button focused instead of blur for consistancy
* Stabilize play button appearance in CI (disabled due to decoding)
* Force play button appearance in CI (disabled due to decoding)
* Add comments on playwright test changes.
Change from React.RefObject<any> to Ref<HTMLDivElement> in EncryptionEvent.tsx
* Update playwright/e2e/composer/CIDER.spec.ts
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
* Update playwright/e2e/composer/CIDER.spec.ts
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
* Update playwright/e2e/crypto/toasts.spec.ts
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
* Add `HistoryVisibilityBadge` shared component
* Add `historyVisibility` to `RoomSummaryCardViewModel`
* Add a history visibility badge to the room info panel
* Allow roominfo panel badges to wrap
Now that we have an extra one, it's quite likely we'll have to spill onto more
lines.
* update screenshots
* Set icons in badges to be 16px
Having discussed this with the design team, the icons in badges should be 16px, not 13px,
at default font size settings.
* Add stories for all history visibility states
* fix incorrect use of useRoomState
* fix snapshots
* more snapshot updates
* Update screenshots
* Extract SasEmoji to shared-components
and improve responsive layout
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Add baseline screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update tests
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Fix e2e test
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Add SasEmoji snapshot test
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Add figma link
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Improve doc
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Add new dir to crypto-web-reviewers codeowners as per ask
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Show an icon in the room header for shared history
Add a decoration to the header for encrypted rooms with `history_visibility:
{shared|public}`.
Fixes: #31858
* Gate "shared history icon" behind labs flag
... since history isn't actually shared unless the flag is on
* Update snapshots
* update screenshot
* update screenshots, again
* exclude RRs from screenshot test
* Revert "Update algorithm for history visible banner. (#31577)"
This reverts commit ce9c66ba4c.
* Revert "Update prop type & documentation for HistoryVisibleBanner and VM. (#31545)"
This reverts commit 4da149e56f.
* Revert "Prevent history visible banner from displaying in threads. (#31535)"
This reverts commit c7134e8532.
* Revert "Implement UI for history visibility acknowledgement. (#31156)"
This reverts commit cff9119324.
* fix export
* Don't allow duplicate toasts.
* fix imports
* fix
* fix rel_type to be m.reference in tests
* Fix case where redactions were not longer checked.
* Ensure toastkey is calculated by the room call_id
* Ensure we fetch the call event if it does not exist locally.
* cleanup / reduce code complexity
* Add docs
* Add comment
* merge condition
* Fix mis-alignment of `Threads` right panel title
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* chore: ignore jest-sonar.xml in gitconfig
* chore: add missing rtl types to shared component
* chore: add `symbol` to `Disposables.trackListener`
* feat: add room list header view to shared components
* fix: change `Space Settings` to `Space settings`
* feat: add room list header view model
* chore: remove old room list header
* chore: update i18n
* test: fix Room-test
* test: update playwright screenshot
* fix: remove extra margin at the top of Sort title in room options
* test: fix room status bar test
* fix: change for correct copyright
* refactor: use `Disposables#track` instead of manually disposing the listener
* refactor: avoid to recompute all the snapshot of `RoomListHeaderViewModel`
* wip
* fix: make header buttons the same size than figma
* test: update shared component snapshots
* test: update shared component screenshots
* test: update EW screenshots
* Switch to rendered svg for Field select decoration instead of SVG mask
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace warning.svg with Compound icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace device kind icons with Compound
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Draw notification badge decoration using SVG rather than CSS masks
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace {collapse,expand}-message icons with Compound
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove stale icon prefetch
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Render icons in AddExistingToSpaceDialog using SVGs rather than CSS masks
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Render icons in Jitsi landing page using SVGs rather than CSS masks
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Fix field label
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Add tests
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Revert icon colour
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Fix avatar decorations in thread activity centre not being atop avatar
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch to Compound icons to replace old icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Apply same treatment to missed icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove duplicated icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in ImageView
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in ExtensionsCard
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LegacyRoomListHeader
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in ImageSizePanel
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LegacyRoomList
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove icon from CreateSecretStorageDialog title
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LiveContentSummary
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in RoomCallBanner
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in NonUrgentEchoFailureToast
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LegacyCallViewHeader
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in CallEvent
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace dark-light-mode.svg with Compound
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Draw stop icon using svg rather than square mask
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace masks in RoomSublist with SVG icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace masks with SVG icons in LegacyCall views
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace masks with SVG icons in EventTile
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace masks with SVG icons in ForwardDialog
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove redundant css style
The `::before` has no content so is never rendered
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update tests
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update playwright tests & screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove snapshot as it causes issues
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* More tests
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch to Compound icons to replace old icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Apply same treatment to missed icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove duplicated icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in ImageView
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in ExtensionsCard
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LegacyRoomListHeader
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in ImageSizePanel
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LegacyRoomList
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove icon from CreateSecretStorageDialog title
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LiveContentSummary
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in RoomCallBanner
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in NonUrgentEchoFailureToast
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in LegacyCallViewHeader
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from css masks to rendering svg in CallEvent
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* fixup type
* Validate Element Call foci config
* revert changes
* Split out logic to CallStore so we don't repeat checks.
* Refactor to use CallStore so we only fetch once.
* Add test for useRoomCall
* lint
* Ensure we enable MatrixRTC when configuring element call.
* fix test
* Update @element-hq/element-web-playwright-common to 2.2.2 and enable matrix rtc
* lint
* Ensure call is configured for header test
* type
* Improve coverage
* Update based on feedback
* fix type
* Switch to Compound icons to replace old icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Apply same treatment to missed icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove duplicated icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Fix emoji font in emoji picker header buttons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screnshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace icons with Compound alternatives
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove unused icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace more icons with Compound alternatives
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Swap for outline icons in spotlight & update screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch emoji picker to use emoji for header icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update football emoji
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in ExtensionsCard
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in BaseCard
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in EmojiPicker
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in Spotlight
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Tweak emoji and fix disabled state
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in HomePage
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in DecoratedRoomAvatar
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in SpaceRoomView
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in DialPadBackspaceButton
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in NewRoomIntro
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in SpaceCreateMenu
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in InlineTermsAgreement
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in PollCreateDialog
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in ServerPicker
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Revert size change
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace icons with Compound alternatives
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove unused icon
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Replace more icons with Compound alternatives
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Swap for outline icons in spotlight & update screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch emoji picker to use emoji for header icons
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update football emoji
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in ExtensionsCard
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in BaseCard
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in EmojiPicker
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Switch from svg masks to svg rendering in Spotlight
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update screenshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Tweak emoji and fix disabled state
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Revert size change
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Delint
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Add test
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
