Update vector-im (#11526)

* Update vector-im * Update snapshots of Compound Avatars * Update snapshots of Compound Avatars --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2024-11-15 20:54:59 +08:00 · 2023-09-05 09:09:36 +01:00 · 2023-09-05 09:09:36 +01:00 · d34dc0c307
commit d34dc0c307
parent 7b62abc14b
23 changed files with 15 additions and 67 deletions
--- a/package.json
+++ b/package.json
@ -68,7 +68,7 @@
        "@sentry/browser": "^7.0.0",
        "@sentry/tracing": "^7.0.0",
        "@testing-library/react-hooks": "^8.0.1",
-        "@vector-im/compound-design-tokens": "^0.0.4",
+        "@vector-im/compound-design-tokens": "^0.0.5",
        "@vector-im/compound-web": "^0.2.3",
        "await-lock": "^2.1.0",
        "blurhash": "^1.1.3",
--- a/test/components/structures/snapshots/RoomView-test.tsx.snap
+++ b/test/components/structures/snapshots/RoomView-test.tsx.snap
@ -24,7 +24,6 @@ exports[`RoomView for a local room in state CREATING should match the snapshot 1
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 24px;"
-              title="@user:example.com"
            >
              u
            </span>
@ -107,7 +106,6 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 24px;"
-              title="@user:example.com"
            >
              u
            </span>
@ -187,7 +185,6 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
                  data-type="round"
                  role="button"
                  style="--cpd-avatar-size: 52px;"
-                  title="@user:example.com"
                >
                  u
                </button>
@ -276,7 +273,6 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 24px;"
-              title="@user:example.com"
            >
              u
            </span>
@ -356,7 +352,6 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
                  data-type="round"
                  role="button"
                  style="--cpd-avatar-size: 52px;"
-                  title="@user:example.com"
                >
                  u
                </button>
@ -520,7 +515,6 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 24px;"
-              title="@user:example.com"
            >
              u
            </span>
@ -599,7 +593,6 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
                  data-type="round"
                  role="button"
                  style="--cpd-avatar-size: 52px;"
-                  title="@user:example.com"
                >
                  u
                </button>
--- a/test/components/structures/snapshots/SpaceHierarchy-test.tsx.snap
+++ b/test/components/structures/snapshots/SpaceHierarchy-test.tsx.snap
@ -77,7 +77,6 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 20px;"
-              title="room-id-2"
            >
              U
            </span>
@ -148,7 +147,6 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 20px;"
-              title="room-id-3"
            >
              U
            </span>
@ -220,7 +218,6 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 20px;"
-              title="space-id-4"
            >
              N
            </span>
@ -298,7 +295,6 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 20px;"
-              title="room-id-5"
            >
              N
            </span>
--- a/test/components/structures/snapshots/UserMenu-test.tsx.snap
+++ b/test/components/structures/snapshots/UserMenu-test.tsx.snap
@ -24,7 +24,6 @@ exports[`<UserMenu> when rendered should render as expected 1`] = `
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 32px;"
-          title="@userId:matrix.org"
        >
          u
        </span>
--- a/test/components/views/avatars/snapshots/RoomAvatar-test.tsx.snap
+++ b/test/components/views/avatars/snapshots/RoomAvatar-test.tsx.snap
@ -9,7 +9,6 @@ exports[`RoomAvatar should render as expected for a DM room 1`] = `
    data-type="round"
    role="presentation"
    style="--cpd-avatar-size: 36px;"
-    title="@dm_user@example.com"
  >
    D
  </span>
@ -25,7 +24,6 @@ exports[`RoomAvatar should render as expected for a LocalRoom 1`] = `
    data-type="round"
    role="presentation"
    style="--cpd-avatar-size: 36px;"
-    title="@local_room_user@example.com"
  >
    l
  </span>
@ -41,7 +39,6 @@ exports[`RoomAvatar should render as expected for a Room 1`] = `
    data-type="round"
    role="presentation"
    style="--cpd-avatar-size: 36px;"
-    title="!room:example.com"
  >
    t
  </span>
--- a/test/components/views/beacon/snapshots/DialogSidebar-test.tsx.snap
+++ b/test/components/views/beacon/snapshots/DialogSidebar-test.tsx.snap
@ -38,7 +38,6 @@ exports[`<DialogSidebar /> renders sidebar correctly with beacons 1`] = `
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 32px;"
-          title=""
        >
          
        </span>
--- a/test/components/views/dialogs/snapshots/ManageRestrictedJoinRuleDialog-test.tsx.snap
+++ b/test/components/views/dialogs/snapshots/ManageRestrictedJoinRuleDialog-test.tsx.snap
@ -77,7 +77,6 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
                data-type="round"
                role="presentation"
                style="--cpd-avatar-size: 20px;"
-                title="!space:server"
              >
                O
              </span>
--- a/test/components/views/elements/snapshots/AppTile-test.tsx.snap
+++ b/test/components/views/elements/snapshots/AppTile-test.tsx.snap
@ -109,7 +109,6 @@ exports[`AppTile for a pinned widget should render 1`] = `
            data-testid="avatar-img"
            data-type="round"
            style="--cpd-avatar-size: 20px;"
-            title=""
          >
            <img
              alt=""
@ -197,7 +196,6 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
            data-testid="avatar-img"
            data-type="round"
            style="--cpd-avatar-size: 20px;"
-            title=""
          >
            <img
              alt=""
@ -277,7 +275,6 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
              data-type="round"
              role="presentation"
              style="--cpd-avatar-size: 38px;"
-              title=""
            >
              u
            </span>
@ -353,7 +350,6 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                  data-testid="avatar-img"
                  data-type="round"
                  style="--cpd-avatar-size: 20px;"
-                  title=""
                >
                  <img
                    alt=""
--- a/test/components/views/elements/snapshots/FacePile-test.tsx.snap
+++ b/test/components/views/elements/snapshots/FacePile-test.tsx.snap
@ -16,7 +16,6 @@ exports[`<FacePile /> renders with a tooltip 1`] = `
        data-type="round"
        role="presentation"
        style="--cpd-avatar-size: 36px;"
-        title="456"
      >
        4
      </span>
--- a/test/components/views/elements/snapshots/Pill-test.tsx.snap
+++ b/test/components/views/elements/snapshots/Pill-test.tsx.snap
@ -41,7 +41,6 @@ exports[`<Pill> should render the expected pill for @room 1`] = `
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="!room1:example.com"
        >
          R
        </span>
@ -73,7 +72,6 @@ exports[`<Pill> should render the expected pill for a known user not in the room
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="@user2:example.com"
        >
          U
        </span>
@ -105,7 +103,6 @@ exports[`<Pill> should render the expected pill for a message in another room 1`
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="!room1:example.com"
        >
          R
        </span>
@ -137,7 +134,6 @@ exports[`<Pill> should render the expected pill for a message in the same room 1
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="@user1:example.com"
        >
          U
        </span>
@ -169,7 +165,6 @@ exports[`<Pill> should render the expected pill for a room alias 1`] = `
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="!room1:example.com"
        >
          R
        </span>
@ -201,7 +196,6 @@ exports[`<Pill> should render the expected pill for a space 1`] = `
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="!space1:example.com"
        >
          S
        </span>
@ -256,7 +250,6 @@ exports[`<Pill> when rendering a pill for a room should render the expected pill
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="!room1:example.com"
        >
          R
        </span>
@ -288,7 +281,6 @@ exports[`<Pill> when rendering a pill for a user in the room should render as ex
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 16px;"
-          title="@user1:example.com"
        >
          U
        </span>
--- a/test/components/views/elements/snapshots/RoomFacePile-test.tsx.snap
+++ b/test/components/views/elements/snapshots/RoomFacePile-test.tsx.snap
@ -16,7 +16,6 @@ exports[`<RoomFacePile /> renders 1`] = `
        data-type="round"
        role="presentation"
        style="--cpd-avatar-size: 28px;"
-        title="@bob:example.org"
      >
        b
      </span>
--- a/test/components/views/messages/TextualBody-test.tsx
+++ b/test/components/views/messages/TextualBody-test.tsx
@ -199,7 +199,7 @@ describe("<TextualBody />", () => {
            const { container } = getComponent({ mxEvent: ev });
            const content = container.querySelector(".mx_EventTile_body");
            expect(content.innerHTML).toMatchInlineSnapshot(
-                `"Chat with <span><bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com" aria-describedby="mx_Pill_0.123456"><span title="@member:domain.bla" aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="8" class="_avatar_2lhia_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" crossorigin="anonymous" referrerpolicy="no-referrer" class="_image_2lhia_45" data-type="round" width="16px" height="16px"></span><span class="mx_Pill_text">Member</span></a></bdi></span>"`,
+                `"Chat with <span><bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com" aria-describedby="mx_Pill_0.123456"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="8" class="_avatar_2lhia_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" crossorigin="anonymous" referrerpolicy="no-referrer" class="_image_2lhia_45" data-type="round" width="16px" height="16px"></span><span class="mx_Pill_text">Member</span></a></bdi></span>"`,
            );
        });

--- a/test/components/views/messages/snapshots/TextualBody-test.tsx.snap
+++ b/test/components/views/messages/snapshots/TextualBody-test.tsx.snap
@ -62,7 +62,6 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
          data-testid="avatar-img"
          data-type="round"
          style="--cpd-avatar-size: 16px;"
-          title="@member:domain.bla"
        >
          <img
            alt=""
@ -112,7 +111,6 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
              data-testid="avatar-img"
              data-type="round"
              style="--cpd-avatar-size: 16px;"
-              title="!room1:example.com"
            >
              <img
                alt=""
@ -164,7 +162,6 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
              data-testid="avatar-img"
              data-type="round"
              style="--cpd-avatar-size: 16px;"
-              title="!room1:example.com"
            >
              <img
                alt=""
@ -275,7 +272,6 @@ exports[`<TextualBody /> renders formatted m.text correctly pills get injected c
          data-testid="avatar-img"
          data-type="round"
          style="--cpd-avatar-size: 16px;"
-          title="@member:domain.bla"
        >
          <img
            alt=""
@ -309,7 +305,6 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
      href="https://matrix.to/#/!room1:example.com/%event_id%"
      aria-describedby="mx_Pill_0.123456"
      ><span
-        title="@member:domain.bla"
        aria-label="Profile picture"
        aria-hidden="true"
        data-testid="avatar-img"
@ -343,7 +338,6 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
      href="https://matrix.to/#/!room2:example.com/%event_id%"
      aria-describedby="mx_Pill_0.123456"
      ><span
-        title="!room2:example.com"
        aria-label="Avatar"
        aria-hidden="true"
        data-testid="avatar-img"
--- a/test/components/views/right_panel/snapshots/RoomSummaryCard-test.tsx.snap
+++ b/test/components/views/right_panel/snapshots/RoomSummaryCard-test.tsx.snap
@ -26,7 +26,6 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 54px;"
-          title="!room:domain.org"
        >
          !
        </span>
--- a/test/components/views/right_panel/snapshots/UserInfo-test.tsx.snap
+++ b/test/components/views/right_panel/snapshots/UserInfo-test.tsx.snap
@ -102,7 +102,6 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
              data-type="round"
              role="button"
              style="--cpd-avatar-size: 230.39999999999998px;"
-              title="@user:example.com"
            >
              u
            </button>
--- a/test/components/views/rooms/snapshots/PinnedEventTile-test.tsx.snap
+++ b/test/components/views/rooms/snapshots/PinnedEventTile-test.tsx.snap
@ -12,7 +12,6 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 24px;"
-      title="@alice:server.org"
    >
      a
    </span>
--- a/test/components/views/rooms/snapshots/RoomHeader-test.tsx.snap
+++ b/test/components/views/rooms/snapshots/RoomHeader-test.tsx.snap
@ -13,7 +13,6 @@ exports[`RoomHeader does not show the face pile for DMs 1`] = `
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 40px;"
-      title="!1:example.org"
    >
      !
    </span>
--- a/test/components/views/rooms/snapshots/RoomPreviewBar-test.tsx.snap
+++ b/test/components/views/rooms/snapshots/RoomPreviewBar-test.tsx.snap
@ -29,7 +29,6 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
-      title="RoomPreviewBar-test-room"
    >
      R
    </span>
@ -55,7 +54,6 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
-      title=""
    >
      ?
    </span>
@ -222,7 +220,6 @@ exports[`<RoomPreviewBar /> with an invite with an invited email when client has
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
-      title="RoomPreviewBar-test-room"
    >
      R
    </span>
@ -281,7 +278,6 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a dm roo
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
-      title="RoomPreviewBar-test-room"
    >
      R
    </span>
@ -347,7 +343,6 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
-      title="RoomPreviewBar-test-room"
    >
      R
    </span>
--- a/test/components/views/rooms/snapshots/RoomTile-test.tsx.snap
+++ b/test/components/views/rooms/snapshots/RoomTile-test.tsx.snap
@ -20,7 +20,6 @@ exports[`RoomTile when message previews are enabled and there is a message in a
        data-type="round"
        role="presentation"
        style="--cpd-avatar-size: 32px;"
-        title="!1:example.org"
      >
        !
      </span>
@ -95,7 +94,6 @@ exports[`RoomTile when message previews are enabled and there is a message in th
        data-type="round"
        role="presentation"
        style="--cpd-avatar-size: 32px;"
-        title="!1:example.org"
      >
        !
      </span>
@ -170,7 +168,6 @@ exports[`RoomTile when message previews are enabled should render a room without
        data-type="round"
        role="presentation"
        style="--cpd-avatar-size: 32px;"
-        title="!1:example.org"
      >
        !
      </span>
@ -233,7 +230,6 @@ exports[`RoomTile when message previews are not enabled should render the room 1
        data-type="round"
        role="presentation"
        style="--cpd-avatar-size: 32px;"
-        title="!1:example.org"
      >
        !
      </span>
--- a/test/components/views/settings/tabs/room/snapshots/PeopleRoomSettingsTab-test.tsx.snap
+++ b/test/components/views/settings/tabs/room/snapshots/PeopleRoomSettingsTab-test.tsx.snap
@ -33,7 +33,6 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
          loading="lazy"
          referrerpolicy="no-referrer"
          src="mxc://example.org/albert-einstein.png"
-          title="@albert.einstein:example.org"
          width="42px"
        />
      </span>
--- a/test/components/views/spaces/snapshots/AddExistingToSpaceDialog-test.tsx.snap
+++ b/test/components/views/spaces/snapshots/AddExistingToSpaceDialog-test.tsx.snap
@ -31,7 +31,6 @@ exports[`<AddExistingToSpaceDialog /> looks as expected 1`] = `
            data-testid="avatar-img"
            data-type="square"
            style="--cpd-avatar-size: 40px;"
-            title="!spaceid:example.com"
          >
            <img
              alt=""
--- a/test/utils/exportUtils/snapshots/HTMLExport-test.ts.snap
+++ b/test/utils/exportUtils/snapshots/HTMLExport-test.ts.snap
--- a/yarn.lock
+++ b/yarn.lock
@ -1259,9 +1259,9 @@
    regenerator-runtime "^0.14.0"

 "@babel/runtime@^7.13.10":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.11.tgz#7a9ba3bbe406ad6f9e8dd4da2ece453eb23a77a4"
-  integrity sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8"
+  integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==
  dependencies:
    regenerator-runtime "^0.14.0"

@ -3056,17 +3056,17 @@
    "@typescript-eslint/types" "5.62.0"
    eslint-visitor-keys "^3.3.0"

-"@vector-im/compound-design-tokens@^0.0.4":
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-0.0.4.tgz#bf31120f026118d9dc379917364e2c27b51cce94"
-  integrity sha512-ZGflwlUANnEbsX/whWqRomyRHS36F1t5AoNBez2EfBVGXMIu7IsURVQfK/UJYPLoSHcArcTFCSbi5KSSsSiymw==
+"@vector-im/compound-design-tokens@^0.0.5":
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-0.0.5.tgz#33ef2c9dae9c52bbf2a6a62ddc143dbb4efa1a00"
+  integrity sha512-JSe2IXe374jVk7It6HnSGnri1+g47sTv/aP+hsxtex85OpK84Gd/WxBViNQHGBCT3dhPYKjIwodyB52EsXDWZQ==
  dependencies:
    svg2vectordrawable "^2.9.1"

 "@vector-im/compound-web@^0.2.3":
-  version "0.2.16"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-0.2.16.tgz#cdc578ec846999a7312d572131b5749b2cf7f86f"
-  integrity sha512-3ffijtHf4ibjLPsRoawTchf+DyaGbxtN6h/9WRvdOSTv+ML7oR7Aoo+jAPSTN+rNFuCIHKrayHJLl2YJOdeH8Q==
+  version "0.2.18"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-0.2.18.tgz#b92bcfd5779b1e558dc431ad3d330960749049d9"
+  integrity sha512-fs+tQYZMA4/KxGFOdoDM9WKf7IpeNILI37q2uj4dJj8SkI33zwUnzHFuTD04YI33Dc3FCZHcCd/d0m/fCnRaFg==
  dependencies:
    "@radix-ui/react-form" "^0.0.3"
    "@radix-ui/react-tooltip" "^1.0.6"