Update to React 18 (#24763)

* Upgrade target to es2021 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Upgrade target to es2021 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Upgrade to es2022 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Upgrade to es2022 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix babel config Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix babel config Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix React contexts Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix types Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix React state Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update to React 18 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update to React 18 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Install @testing-library/dom Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update lockfile Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Yarn lock update * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-10-21 14:50:06 +01:00 · 2024-10-21 14:50:06 +01:00 · d8800ef987
commit d8800ef987
parent 772019711d
81 changed files with 1056 additions and 1403 deletions
--- a/test/unit-tests/components/views/right_panel/snapshots/BaseCard-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/snapshots/BaseCard-test.tsx.snap
@ -19,7 +19,7 @@ exports[`<BaseCard /> should close when clicking X button 1`] = `
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-1"
+        aria-labelledby=":r0:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
--- a/test/unit-tests/components/views/right_panel/snapshots/ExtensionsCard-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/snapshots/ExtensionsCard-test.tsx.snap
@ -19,7 +19,7 @@ exports[`<ExtensionsCard /> should render empty state 1`] = `
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-1"
+        aria-labelledby=":r0:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -119,7 +119,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-6"
+        aria-labelledby=":r6:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
--- a/test/unit-tests/components/views/right_panel/snapshots/PinnedMessagesCard-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/snapshots/PinnedMessagesCard-test.tsx.snap
@ -19,7 +19,7 @@ exports[`<PinnedMessagesCard /> should show the empty state when there are no pi
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-12"
+        aria-labelledby=":re:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -100,7 +100,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-18"
+        aria-labelledby=":rk:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -156,7 +156,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
              class="mx_PinnedEventTile_top"
            >
              <span
-                aria-labelledby="floating-ui-24"
+                aria-labelledby=":rq:"
                class="mx_PinnedEventTile_sender mx_Username_color3"
              >
                @alice:example.org
@ -168,7 +168,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
                aria-label="Open menu"
                class="_icon-button_bh2qc_17"
                data-state="closed"
-                id="radix-2"
+                id="radix-:rv:"
                role="button"
                style="--cpd-icon-button-size: 24px;"
                tabindex="0"
@ -233,7 +233,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
              class="mx_PinnedEventTile_top"
            >
              <span
-                aria-labelledby="floating-ui-29"
+                aria-labelledby=":r11:"
                class="mx_PinnedEventTile_sender mx_Username_color3"
              >
                @alice:example.org
@ -245,7 +245,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
                aria-label="Open menu"
                class="_icon-button_bh2qc_17"
                data-state="closed"
-                id="radix-3"
+                id="radix-:r16:"
                role="button"
                style="--cpd-icon-button-size: 24px;"
                tabindex="0"
@ -319,7 +319,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-712"
+        aria-labelledby=":rt2:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -375,7 +375,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
              class="mx_PinnedEventTile_top"
            >
              <span
-                aria-labelledby="floating-ui-718"
+                aria-labelledby=":rt8:"
                class="mx_PinnedEventTile_sender mx_Username_color3"
              >
                @alice:example.org
@ -387,7 +387,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
                aria-label="Open menu"
                class="_icon-button_bh2qc_17"
                data-state="closed"
-                id="radix-218"
+                id="radix-:rtd:"
                role="button"
                style="--cpd-icon-button-size: 24px;"
                tabindex="0"
@ -452,7 +452,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
              class="mx_PinnedEventTile_top"
            >
              <span
-                aria-labelledby="floating-ui-723"
+                aria-labelledby=":rtf:"
                class="mx_PinnedEventTile_sender mx_Username_color3"
              >
                @alice:example.org
@ -464,7 +464,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
                aria-label="Open menu"
                class="_icon-button_bh2qc_17"
                data-state="closed"
-                id="radix-219"
+                id="radix-:rtk:"
                role="button"
                style="--cpd-icon-button-size: 24px;"
                tabindex="0"
--- a/test/unit-tests/components/views/right_panel/snapshots/RoomSummaryCard-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/snapshots/RoomSummaryCard-test.tsx.snap
@ -15,7 +15,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
        class="mx_BaseCard_header_spacer"
      />
      <button
-        aria-labelledby="floating-ui-20"
+        aria-labelledby=":rm:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -188,7 +188,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
            <input
              aria-hidden="true"
              class="_input_qnvru_32"
-              id=":r3:"
+              id=":rr:"
              type="checkbox"
            />
            <div
@ -669,7 +669,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
        class="mx_BaseCard_header_spacer"
      />
      <button
-        aria-labelledby="floating-ui-1"
+        aria-labelledby=":r0:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -805,7 +805,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
            <input
              aria-hidden="true"
              class="_input_qnvru_32"
-              id=":r1:"
+              id=":r5:"
              type="checkbox"
            />
            <div
@ -1286,7 +1286,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
        class="mx_BaseCard_header_spacer"
      />
      <button
-        aria-labelledby="floating-ui-10"
+        aria-labelledby=":rb:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -1459,7 +1459,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
            <input
              aria-hidden="true"
              class="_input_qnvru_32"
-              id=":r2:"
+              id=":rg:"
              type="checkbox"
            />
            <div
--- a/test/unit-tests/components/views/right_panel/snapshots/UserInfo-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/snapshots/UserInfo-test.tsx.snap
@ -88,7 +88,7 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-220"
+        aria-labelledby=":r6s:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"
@ -402,7 +402,7 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
        </p>
      </div>
      <button
-        aria-labelledby="floating-ui-290"
+        aria-labelledby=":r92:"
        class="_icon-button_bh2qc_17 _subtle-bg_bh2qc_38"
        data-testid="base-card-close-button"
        role="button"