From 35b3358eebc81cbc8a7e06bedcbf8e33c4c4b4cc Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Fri, 23 Jun 2023 13:15:21 +0200
Subject: [PATCH 01/24] feat(DragAndDrop): Switch from react-beautiful-dnd to
 its fork @hello-pangea/dnd (#6868)

* feat(DragAndDrop): Switch from react-beautiful-dnd to its fork @hello-pangea/dnd

* test(EuiDraggable): add snapshot test for the basic render assertion and rename test cases
---
 package.json                                  |    3 +-
 .../drag_and_drop/drag_and_drop_example.js    |   15 +-
 .../column_selector.test.tsx.snap             |   36 +-
 .../column_sorting.test.tsx.snap              |   20 +-
 .../datagrid/controls/column_selector.tsx     |    2 +-
 .../datagrid/controls/column_sorting.tsx      |    2 +-
 .../__snapshots__/draggable.test.tsx.snap     |  115 +-
 .../__snapshots__/droppable.test.tsx.snap     |   12 +-
 .../drag_and_drop/drag_and_drop.a11y.tsx      |    2 +-
 .../drag_and_drop/drag_drop_context.tsx       |    2 +-
 .../drag_and_drop/draggable.test.tsx          |   87 +-
 src/components/drag_and_drop/draggable.tsx    |    8 +-
 .../drag_and_drop/droppable.test.tsx          |    5 -
 src/components/drag_and_drop/droppable.tsx    |    2 +-
 src/components/drag_and_drop/index.ts         |    7 +-
 src/components/drag_and_drop/services.ts      |    2 +-
 yarn.lock                                     | 3374 ++++++++++++-----
 17 files changed, 2516 insertions(+), 1178 deletions(-)
 mode change 100644 => 100755 yarn.lock

diff --git a/package.json b/package.json
index a44cae8822e..63f830e3468 100644
--- a/package.json
+++ b/package.json
@@ -63,10 +63,10 @@
     "test-staged"
   ],
   "dependencies": {
+    "@hello-pangea/dnd": "^16.2.0",
     "@types/chroma-js": "^2.0.0",
     "@types/lodash": "^4.14.194",
     "@types/numeral": "^0.0.28",
-    "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-input-autosize": "^2.2.1",
     "@types/react-virtualized-auto-sizer": "^1.0.1",
     "@types/react-window": "^1.8.5",
@@ -79,7 +79,6 @@
     "mdast-util-to-hast": "^10.0.0",
     "numeral": "^2.0.6",
     "prop-types": "^15.6.0",
-    "react-beautiful-dnd": "^13.1.0",
     "react-dropzone": "^11.5.3",
     "react-element-to-jsx-string": "^14.3.4",
     "react-focus-on": "^3.9.1",
diff --git a/src-docs/src/views/drag_and_drop/drag_and_drop_example.js b/src-docs/src/views/drag_and_drop/drag_and_drop_example.js
index 0a74ac9c829..96b5d177fdb 100644
--- a/src-docs/src/views/drag_and_drop/drag_and_drop_example.js
+++ b/src-docs/src/views/drag_and_drop/drag_and_drop_example.js
@@ -42,10 +42,14 @@ export const DragAndDropExample = {
       <EuiText>
         <p>
           An extension of{' '}
+          <EuiLink href="https://github.com/hello-pangea/dnd">
+            @hello-pangea/dnd
+          </EuiLink>{' '}
+          (which is an actively maintained fork of{' '}
           <EuiLink href="https://github.com/atlassian/react-beautiful-dnd">
             react-beautiful-dnd
-          </EuiLink>{' '}
-          with a compatible API and built-in style opinions. Functionality
+          </EuiLink>
+          ) with a compatible API and built-in style opinions. Functionality
           results from 3 components working together:
         </p>
         <ul>
@@ -72,14 +76,15 @@ export const DragAndDropExample = {
           Drag and drop interfaces are not well-adapted to many cases, and may
           be less suitable than other form types for data operations. For
           instance, drag and drop interaction relies heavily on spatial
-          orientation that may not be entirelty valid to all users (e.g., screen
+          orientation that may not be entirely valid to all users (e.g., screen
           readers as the sole source of information). Similarly, users
           navigating by keyboard may not be afforded nuanced, dual-axis drag
           item manipulation.
         </p>
         <p>
-          {`EUI (largely due to the great work already in react-beautiful-dnd) has and will continue to ensure accessibility where possible.
-          With that in mind, keep your users' working context in mind.`}
+          EUI (largely due to the great work already in @hello-pangea/dnd) has
+          and will continue to ensure accessibility where possible. With that in
+          mind, keep your users&apos; working context in mind.
         </p>
       </EuiCallOut>
     </React.Fragment>
diff --git a/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap
index 89da1992b43..a317bc6e831 100644
--- a/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap
@@ -81,14 +81,14 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
       >
         <div
           class="euiDroppable euiDroppable--noGrow"
-          data-rbd-droppable-context-id="0"
-          data-rbd-droppable-id="columnOrder"
+          data-rfd-droppable-context-id="0"
+          data-rfd-droppable-id="columnOrder"
           data-test-subj="droppable"
         >
           <div
             class="euiDraggable euiDraggable--hasCustomDragHandle"
-            data-rbd-draggable-context-id="0"
-            data-rbd-draggable-id="columnA"
+            data-rfd-draggable-context-id="0"
+            data-rfd-draggable-id="columnA"
             data-test-subj="draggable"
             role="group"
           >
@@ -129,11 +129,11 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
                   </div>
                 </div>
                 <div
-                  aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                  aria-describedby="rfd-hidden-text-0-hidden-text-0"
                   aria-hidden="true"
                   class="euiFlexItem emotion-euiFlexItem-grow-1"
-                  data-rbd-drag-handle-context-id="0"
-                  data-rbd-drag-handle-draggable-id="columnA"
+                  data-rfd-drag-handle-context-id="0"
+                  data-rfd-drag-handle-draggable-id="columnA"
                   draggable="false"
                   role="button"
                   tabindex="-1"
@@ -145,11 +145,11 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
                   </span>
                 </div>
                 <div
-                  aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                  aria-describedby="rfd-hidden-text-0-hidden-text-0"
                   aria-label="Drag handle"
                   class="euiFlexItem emotion-euiFlexItem-growZero"
-                  data-rbd-drag-handle-context-id="0"
-                  data-rbd-drag-handle-draggable-id="columnA"
+                  data-rfd-drag-handle-context-id="0"
+                  data-rfd-drag-handle-draggable-id="columnA"
                   draggable="false"
                   role="button"
                   tabindex="0"
@@ -164,8 +164,8 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
           </div>
           <div
             class="euiDraggable euiDraggable--hasCustomDragHandle"
-            data-rbd-draggable-context-id="0"
-            data-rbd-draggable-id="columnB"
+            data-rfd-draggable-context-id="0"
+            data-rfd-draggable-id="columnB"
             data-test-subj="draggable"
             role="group"
           >
@@ -206,11 +206,11 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
                   </div>
                 </div>
                 <div
-                  aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                  aria-describedby="rfd-hidden-text-0-hidden-text-0"
                   aria-hidden="true"
                   class="euiFlexItem emotion-euiFlexItem-grow-1"
-                  data-rbd-drag-handle-context-id="0"
-                  data-rbd-drag-handle-draggable-id="columnB"
+                  data-rfd-drag-handle-context-id="0"
+                  data-rfd-drag-handle-draggable-id="columnB"
                   draggable="false"
                   role="button"
                   tabindex="-1"
@@ -222,11 +222,11 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
                   </span>
                 </div>
                 <div
-                  aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                  aria-describedby="rfd-hidden-text-0-hidden-text-0"
                   aria-label="Drag handle"
                   class="euiFlexItem emotion-euiFlexItem-growZero"
-                  data-rbd-drag-handle-context-id="0"
-                  data-rbd-drag-handle-draggable-id="columnB"
+                  data-rfd-drag-handle-context-id="0"
+                  data-rfd-drag-handle-draggable-id="columnB"
                   draggable="false"
                   role="button"
                   tabindex="0"
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
index ed0a34aaf7f..bcb9d73e0da 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -62,14 +62,14 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
     >
       <div
         class="euiDroppable euiDroppable--noGrow"
-        data-rbd-droppable-context-id="0"
-        data-rbd-droppable-id="columnSorting"
+        data-rfd-droppable-context-id="0"
+        data-rfd-droppable-id="columnSorting"
         data-test-subj="droppable"
       >
         <div
           class="euiDraggable euiDraggable--hasCustomDragHandle"
-          data-rbd-draggable-context-id="0"
-          data-rbd-draggable-id="columnA"
+          data-rfd-draggable-context-id="0"
+          data-rfd-draggable-id="columnA"
           data-test-subj="draggable"
           role="group"
         >
@@ -102,11 +102,11 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
                 </button>
               </div>
               <div
-                aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                aria-describedby="rfd-hidden-text-0-hidden-text-0"
                 aria-hidden="true"
                 class="euiFlexItem euiDataGridColumnSorting__name emotion-euiFlexItem-grow-1"
-                data-rbd-drag-handle-context-id="0"
-                data-rbd-drag-handle-draggable-id="columnA"
+                data-rfd-drag-handle-context-id="0"
+                data-rfd-drag-handle-draggable-id="columnA"
                 draggable="false"
                 role="button"
                 tabindex="-1"
@@ -205,11 +205,11 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
                 </fieldset>
               </div>
               <div
-                aria-describedby="rbd-hidden-text-0-hidden-text-0"
+                aria-describedby="rfd-hidden-text-0-hidden-text-0"
                 aria-label="Drag handle"
                 class="euiFlexItem emotion-euiFlexItem-growZero"
-                data-rbd-drag-handle-context-id="0"
-                data-rbd-drag-handle-draggable-id="columnA"
+                data-rfd-drag-handle-context-id="0"
+                data-rfd-drag-handle-draggable-id="columnA"
                 draggable="false"
                 role="button"
                 tabindex="0"
diff --git a/src/components/datagrid/controls/column_selector.tsx b/src/components/datagrid/controls/column_selector.tsx
index 0cbbbeaf823..d76e7854045 100644
--- a/src/components/datagrid/controls/column_selector.tsx
+++ b/src/components/datagrid/controls/column_selector.tsx
@@ -26,7 +26,7 @@ import {
   EuiDroppable,
   euiDragDropReorder,
 } from '../../drag_and_drop';
-import { DropResult } from 'react-beautiful-dnd';
+import { DropResult } from '@hello-pangea/dnd';
 import { EuiIcon } from '../../icon';
 import { useDependentState } from '../../../services';
 
diff --git a/src/components/datagrid/controls/column_sorting.tsx b/src/components/datagrid/controls/column_sorting.tsx
index 856df9eac98..6305d379f2e 100644
--- a/src/components/datagrid/controls/column_sorting.tsx
+++ b/src/components/datagrid/controls/column_sorting.tsx
@@ -8,7 +8,7 @@
 
 import classNames from 'classnames';
 import React, { Fragment, ReactNode, useEffect, useState } from 'react';
-import { DropResult } from 'react-beautiful-dnd';
+import { DropResult } from '@hello-pangea/dnd';
 import { EuiButtonEmpty } from '../../button';
 import {
   EuiDragDropContext,
diff --git a/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap b/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap
index 1ab083cd1bc..abd15d8fe55 100644
--- a/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap
+++ b/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap
@@ -1,105 +1,32 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`EuiDraggable can be given ReactElement children 1`] = `
-<div>
+exports[`EuiDraggable renders 1`] = `
+<div
+  class="euiDroppable euiDroppable--noGrow"
+  data-rfd-droppable-context-id="0"
+  data-rfd-droppable-id="testDroppable"
+  data-test-subj="droppable"
+>
   <div
-    class="euiDroppable euiDroppable--noGrow"
-    data-rbd-droppable-context-id="0"
-    data-rbd-droppable-id="testDroppable"
-    data-test-subj="droppable"
+    aria-describedby="rfd-hidden-text-0-hidden-text-0"
+    class="euiDraggable"
+    data-rfd-drag-handle-context-id="0"
+    data-rfd-drag-handle-draggable-id="testDraggable"
+    data-rfd-draggable-context-id="0"
+    data-rfd-draggable-id="testDraggable"
+    data-test-subj="draggable"
+    draggable="false"
+    role="button"
+    tabindex="0"
   >
     <div
-      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-      class="euiDraggable"
-      data-rbd-drag-handle-context-id="0"
-      data-rbd-drag-handle-draggable-id="testDraggable"
-      data-rbd-draggable-context-id="0"
-      data-rbd-draggable-id="testDraggable"
-      data-test-subj="draggable"
-      draggable="false"
-      role="button"
-      tabindex="0"
+      class="euiDraggable__item"
     >
-      <div
-        class="euiDraggable__item"
-      >
-        Hello
-      </div>
+      Hello
     </div>
-    <div
-      class="euiDroppable__placeholder"
-    />
   </div>
-</div>
-`;
-
-exports[`EuiDraggable can be given ReactElement children 2`] = `undefined`;
-
-exports[`EuiDraggable hasInteractiveChildren renders with role="group" and no tabIndex 1`] = `
-<div>
   <div
-    class="euiDroppable euiDroppable--noGrow"
-    data-rbd-droppable-context-id="0"
-    data-rbd-droppable-id="testDroppable"
-    data-test-subj="droppable"
-  >
-    <div
-      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-      class="euiDraggable"
-      data-rbd-drag-handle-context-id="0"
-      data-rbd-drag-handle-draggable-id="testDraggable"
-      data-rbd-draggable-context-id="0"
-      data-rbd-draggable-id="testDraggable"
-      data-test-subj="draggable"
-      draggable="false"
-      role="group"
-    >
-      <div
-        class="euiDraggable__item"
-      >
-        Hello
-      </div>
-    </div>
-    <div
-      class="euiDroppable__placeholder"
-    />
-  </div>
+    class="euiDroppable__placeholder"
+  />
 </div>
 `;
-
-exports[`EuiDraggable hasInteractiveChildren renders with role="group" and no tabIndex 2`] = `undefined`;
-
-exports[`EuiDraggable is rendered 1`] = `
-<div>
-  <div
-    class="euiDroppable euiDroppable--noGrow"
-    data-rbd-droppable-context-id="0"
-    data-rbd-droppable-id="testDroppable"
-    data-test-subj="droppable"
-  >
-    <div
-      aria-describedby="rbd-hidden-text-0-hidden-text-0"
-      class="euiDraggable"
-      data-rbd-drag-handle-context-id="0"
-      data-rbd-drag-handle-draggable-id="testDraggable"
-      data-rbd-draggable-context-id="0"
-      data-rbd-draggable-id="testDraggable"
-      data-test-subj="draggable"
-      draggable="false"
-      role="button"
-      tabindex="0"
-    >
-      <div
-        class="euiDraggable__item"
-      >
-        Hello
-      </div>
-    </div>
-    <div
-      class="euiDroppable__placeholder"
-    />
-  </div>
-</div>
-`;
-
-exports[`EuiDraggable is rendered 2`] = `undefined`;
diff --git a/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap b/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap
index 68cc0ed77bb..b32ca6f89f5 100644
--- a/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap
+++ b/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap
@@ -3,8 +3,8 @@
 exports[`EuiDroppable can be given ReactElement children 1`] = `
 <div
   class="euiDroppable euiDroppable--noGrow"
-  data-rbd-droppable-context-id="0"
-  data-rbd-droppable-id="testDroppable"
+  data-rfd-droppable-context-id="0"
+  data-rfd-droppable-id="testDroppable"
   data-test-subj="droppable"
 >
   <div />
@@ -17,8 +17,8 @@ exports[`EuiDroppable can be given ReactElement children 1`] = `
 exports[`EuiDroppable can be given multiple ReactElement children 1`] = `
 <div
   class="euiDroppable euiDroppable--noGrow"
-  data-rbd-droppable-context-id="0"
-  data-rbd-droppable-id="testDroppable"
+  data-rfd-droppable-context-id="0"
+  data-rfd-droppable-id="testDroppable"
   data-test-subj="droppable"
 >
   <div />
@@ -33,8 +33,8 @@ exports[`EuiDroppable can be given multiple ReactElement children 1`] = `
 exports[`EuiDroppable is rendered 1`] = `
 <div
   class="euiDroppable euiDroppable--noGrow"
-  data-rbd-droppable-context-id="0"
-  data-rbd-droppable-id="testDroppable"
+  data-rfd-droppable-context-id="0"
+  data-rfd-droppable-id="testDroppable"
   data-test-subj="droppable"
 >
   <div />
diff --git a/src/components/drag_and_drop/drag_and_drop.a11y.tsx b/src/components/drag_and_drop/drag_and_drop.a11y.tsx
index 394cf319fab..4e9e5dfb8f3 100644
--- a/src/components/drag_and_drop/drag_and_drop.a11y.tsx
+++ b/src/components/drag_and_drop/drag_and_drop.a11y.tsx
@@ -11,7 +11,7 @@
 /// <reference types="../../../cypress/support" />
 
 import React, { useState } from 'react';
-import { DragDropContextProps } from 'react-beautiful-dnd';
+import { DragDropContextProps } from '@hello-pangea/dnd';
 import { EuiDragDropContext } from './drag_drop_context';
 import { euiDragDropReorder } from './services';
 import { EuiDraggable } from './draggable';
diff --git a/src/components/drag_and_drop/drag_drop_context.tsx b/src/components/drag_and_drop/drag_drop_context.tsx
index dcc5b75ec7d..14163cad337 100644
--- a/src/components/drag_and_drop/drag_drop_context.tsx
+++ b/src/components/drag_and_drop/drag_drop_context.tsx
@@ -13,7 +13,7 @@ import {
   DropResult,
   DragStart,
   ResponderProvided,
-} from 'react-beautiful-dnd';
+} from '@hello-pangea/dnd';
 
 // export interface EuiDragDropContextProps extends DragDropContextProps {}
 
diff --git a/src/components/drag_and_drop/draggable.test.tsx b/src/components/drag_and_drop/draggable.test.tsx
index 2d5266bcdf0..8689b87a52d 100644
--- a/src/components/drag_and_drop/draggable.test.tsx
+++ b/src/components/drag_and_drop/draggable.test.tsx
@@ -7,84 +7,83 @@
  */
 
 import React from 'react';
-import ReactDOM from 'react-dom';
-import { render } from 'enzyme';
-import { resetServerContext } from 'react-beautiful-dnd';
+import { render, screen } from '../../test/rtl';
 import { requiredProps } from '../../test/required_props';
 import { EuiDragDropContext, EuiDraggable, EuiDroppable } from './';
 
-function takeSnapshot(element: HTMLElement) {
-  const snapshot = render(
-    <div dangerouslySetInnerHTML={{ __html: element.innerHTML }} />
-  );
-  expect(snapshot).toMatchSnapshot();
-}
-
 describe('EuiDraggable', () => {
-  let appDiv: HTMLElement;
-
-  beforeEach(() => {
-    resetServerContext(); // resets react-beautiful-dnd's internal instance counter which affects snapshots
-    appDiv = document.createElement('div');
-    document.body.appendChild(appDiv);
-  });
-
-  afterEach(() => {
-    ReactDOM.unmountComponentAtNode(appDiv);
-    document.body.removeChild(appDiv);
-  });
-
-  test('is rendered', () => {
+  it('renders', () => {
     const handler = jest.fn();
 
-    ReactDOM.render(
+    const { container } = render(
       <EuiDragDropContext onDragEnd={handler} {...requiredProps}>
         <EuiDroppable droppableId="testDroppable">
           <EuiDraggable draggableId="testDraggable" index={0}>
             {() => <div>Hello</div>}
           </EuiDraggable>
         </EuiDroppable>
-      </EuiDragDropContext>,
-      appDiv
+      </EuiDragDropContext>
     );
 
-    expect(takeSnapshot(appDiv)).toMatchSnapshot();
+    expect(screen.getByTestSubject('draggable')).toBeVisible();
+    expect(container.firstChild).toMatchSnapshot();
   });
 
-  test('can be given ReactElement children', () => {
+  it('renders with render prop children', () => {
     const handler = jest.fn();
 
-    ReactDOM.render(
+    render(
       <EuiDragDropContext onDragEnd={handler} {...requiredProps}>
         <EuiDroppable droppableId="testDroppable">
           <EuiDraggable draggableId="testDraggable" index={0}>
-            <div>Hello</div>
+            {() => <div>Hello</div>}
           </EuiDraggable>
         </EuiDroppable>
-      </EuiDragDropContext>,
-      appDiv
+      </EuiDragDropContext>
     );
 
-    expect(takeSnapshot(appDiv)).toMatchSnapshot();
+    expect(screen.getByText('Hello')).toBeVisible();
   });
 
-  test('hasInteractiveChildren renders with role="group" and no tabIndex', () => {
+  it('renders with react element children', () => {
     const handler = jest.fn();
-    ReactDOM.render(
+
+    render(
       <EuiDragDropContext onDragEnd={handler} {...requiredProps}>
         <EuiDroppable droppableId="testDroppable">
-          <EuiDraggable
-            hasInteractiveChildren={true}
-            draggableId="testDraggable"
-            index={0}
-          >
+          <EuiDraggable draggableId="testDraggable" index={0}>
             <div>Hello</div>
           </EuiDraggable>
         </EuiDroppable>
-      </EuiDragDropContext>,
-      appDiv
+      </EuiDragDropContext>
     );
 
-    expect(takeSnapshot(appDiv)).toMatchSnapshot();
+    expect(screen.getByText('Hello')).toBeVisible();
+  });
+
+  it('should render with role="group" and no tabIndex when hasInteractiveChildren is true', () => {
+    const handler = jest.fn();
+
+    const doRender = (hasInteractiveChildren: boolean) =>
+      render(
+        <EuiDragDropContext onDragEnd={handler} {...requiredProps}>
+          <EuiDroppable droppableId="testDroppable">
+            <EuiDraggable
+              hasInteractiveChildren={hasInteractiveChildren}
+              draggableId="testDraggable"
+              index={0}
+            >
+              <div>Hello</div>
+            </EuiDraggable>
+          </EuiDroppable>
+        </EuiDragDropContext>
+      );
+
+    doRender(false);
+    expect(screen.queryByRole('group')).toBeNull();
+
+    doRender(true);
+    expect(screen.getByRole('group')).toBeVisible();
+    expect(screen.getByRole('group')).not.toHaveAttribute('tabindex', 0);
   });
 });
diff --git a/src/components/drag_and_drop/draggable.tsx b/src/components/drag_and_drop/draggable.tsx
index c6f21ff053c..0d343deacab 100644
--- a/src/components/drag_and_drop/draggable.tsx
+++ b/src/components/drag_and_drop/draggable.tsx
@@ -14,7 +14,7 @@ import React, {
   cloneElement,
   useContext,
 } from 'react';
-import { Draggable, DraggableProps } from 'react-beautiful-dnd';
+import { Draggable, DraggableProps } from '@hello-pangea/dnd';
 import classNames from 'classnames';
 import { CommonProps } from '../common';
 import { EuiDroppableContext } from './droppable';
@@ -97,10 +97,10 @@ export const EuiDraggable: FunctionComponent<EuiDraggableProps> = ({
           'euiDraggable__item--isDragging': snapshot.isDragging,
           'euiDraggable__item--isDropAnimating': snapshot.isDropAnimating,
         });
-        const DraggableElement =
+        const DraggableElement: ReactElement =
           typeof children === 'function'
-            ? children(provided, snapshot, rubric)
-            : (children as ReactElement); // as specified by `DraggableProps`
+            ? (children(provided, snapshot, rubric) as ReactElement)
+            : children;
         return (
           <Fragment>
             <div
diff --git a/src/components/drag_and_drop/droppable.test.tsx b/src/components/drag_and_drop/droppable.test.tsx
index e57e1f420a3..e6117afa5eb 100644
--- a/src/components/drag_and_drop/droppable.test.tsx
+++ b/src/components/drag_and_drop/droppable.test.tsx
@@ -8,7 +8,6 @@
 
 import React from 'react';
 import { mount, ReactWrapper } from 'enzyme';
-import { resetServerContext } from 'react-beautiful-dnd';
 
 import { findTestSubject } from '../../test';
 import { requiredProps } from '../../test/required_props';
@@ -25,10 +24,6 @@ function snapshotDragDropContext(component: ReactWrapper) {
 }
 
 describe('EuiDroppable', () => {
-  afterEach(() => {
-    resetServerContext();
-  });
-
   test('is rendered', () => {
     const handler = jest.fn();
     jest.mock('react', () => {
diff --git a/src/components/drag_and_drop/droppable.tsx b/src/components/drag_and_drop/droppable.tsx
index c2fad7993a1..735dc01f26b 100644
--- a/src/components/drag_and_drop/droppable.tsx
+++ b/src/components/drag_and_drop/droppable.tsx
@@ -12,7 +12,7 @@ import React, {
   ReactElement,
   useContext,
 } from 'react';
-import { Droppable, DroppableProps } from 'react-beautiful-dnd';
+import { Droppable, DroppableProps } from '@hello-pangea/dnd';
 import classNames from 'classnames';
 import { CommonProps } from '../common';
 import { EuiDragDropContextContext } from './drag_drop_context';
diff --git a/src/components/drag_and_drop/index.ts b/src/components/drag_and_drop/index.ts
index 3cdea7b4dd0..838b351ea62 100644
--- a/src/components/drag_and_drop/index.ts
+++ b/src/components/drag_and_drop/index.ts
@@ -18,8 +18,9 @@ export {
   euiDragDropReorder,
 } from './services';
 
-// Interfaces in react-beautiful-dnd that EUI abstracts over
-// allows consumers to pull these from EUI instead of react-beautiful-dnd
+// Interfaces in @hello-pangea/dnd (a fork of react-beautiful-dnd) that EUI
+// abstracts over allows consumers to pull these from EUI
+// instead of @hello-pangea/dnd
 export type {
   DraggableLocation,
   DraggableProps,
@@ -29,4 +30,4 @@ export type {
   DroppableProps,
   DropResult,
   ResponderProvided,
-} from 'react-beautiful-dnd';
+} from '@hello-pangea/dnd';
diff --git a/src/components/drag_and_drop/services.ts b/src/components/drag_and_drop/services.ts
index 8788090e6c9..c848bc32d9c 100644
--- a/src/components/drag_and_drop/services.ts
+++ b/src/components/drag_and_drop/services.ts
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import { DraggableLocation } from 'react-beautiful-dnd';
+import { DraggableLocation } from '@hello-pangea/dnd';
 
 interface DropResult {
   [droppableId: string]: any[];
diff --git a/yarn.lock b/yarn.lock
old mode 100644
new mode 100755
index 32acc67a64f..d70663f092e
--- a/yarn.lock
+++ b/yarn.lock
@@ -25,9 +25,9 @@
     axe-core "^4.4.1"
 
 "@babel/cli@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.21.5.tgz#a685a5b50b785f2edfbf6e042c1265c653547d9d"
-  integrity sha512-TOKytQ9uQW9c4np8F+P7ZfPINy5Kv+pizDIUwSVH8X5zHgYHV4AA8HE5LA450xXeu4jEfmUckTYvv1I4S26M/g==
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.22.5.tgz#eb323bd69f50297792c2b7c205a97306a305d703"
+  integrity sha512-N5d7MjzwsQ2wppwjhrsicVDhJSqF9labEP/swYiHhio4Ca2XjEehpgPmerjnLQl7BPE59BLud0PTWGYwqFl/cQ==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.17"
     commander "^4.0.1"
@@ -47,19 +47,64 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.21.4", "@babel/code-frame@^7.22.5", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.8.3":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
+  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
+  dependencies:
+    "@babel/highlight" "^7.18.6"
+
+"@babel/code-frame@^7.16.7", "@babel/code-frame@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
   integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
   dependencies:
     "@babel/highlight" "^7.22.5"
 
-"@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.21.5", "@babel/compat-data@^7.22.5":
+"@babel/code-frame@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
+  integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
+  dependencies:
+    "@babel/highlight" "^7.18.6"
+
+"@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.1", "@babel/compat-data@^7.20.5":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.0.tgz#c241dc454e5b5917e40d37e525e2f4530c399298"
+  integrity sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==
+
+"@babel/compat-data@^7.21.5":
+  version "7.21.7"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.7.tgz#61caffb60776e49a57ba61a88f02bedd8714f6bc"
+  integrity sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==
+
+"@babel/compat-data@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.5.tgz#b1f6c86a02d85d2dd3368a2b67c09add8cd0c255"
   integrity sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==
 
-"@babel/core@^7.1.0", "@babel/core@^7.11.6", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.13.8", "@babel/core@^7.20.2", "@babel/core@^7.21.3", "@babel/core@^7.21.8", "@babel/core@^7.7.5":
+"@babel/core@^7.1.0", "@babel/core@~7.21.0":
+  version "7.21.8"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.8.tgz#2a8c7f0f53d60100ba4c32470ba0281c92aa9aa4"
+  integrity sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.21.4"
+    "@babel/generator" "^7.21.5"
+    "@babel/helper-compilation-targets" "^7.21.5"
+    "@babel/helper-module-transforms" "^7.21.5"
+    "@babel/helpers" "^7.21.5"
+    "@babel/parser" "^7.21.8"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.5"
+    "@babel/types" "^7.21.5"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.2"
+    semver "^6.3.0"
+
+"@babel/core@^7.11.6", "@babel/core@^7.12.10", "@babel/core@^7.13.16", "@babel/core@^7.20.2", "@babel/core@^7.21.8":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.5.tgz#d67d9747ecf26ee7ecd3ebae1ee22225fe902a89"
   integrity sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==
@@ -80,28 +125,28 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/core@~7.21.0":
-  version "7.21.8"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.8.tgz#2a8c7f0f53d60100ba4c32470ba0281c92aa9aa4"
-  integrity sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==
+"@babel/core@^7.12.3", "@babel/core@^7.13.8", "@babel/core@^7.21.3", "@babel/core@^7.7.5":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.3.tgz#cf1c877284a469da5d1ce1d1e53665253fae712e"
+  integrity sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.21.4"
-    "@babel/generator" "^7.21.5"
-    "@babel/helper-compilation-targets" "^7.21.5"
-    "@babel/helper-module-transforms" "^7.21.5"
-    "@babel/helpers" "^7.21.5"
-    "@babel/parser" "^7.21.8"
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.21.3"
+    "@babel/helper-compilation-targets" "^7.20.7"
+    "@babel/helper-module-transforms" "^7.21.2"
+    "@babel/helpers" "^7.21.0"
+    "@babel/parser" "^7.21.3"
     "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.21.5"
-    "@babel/types" "^7.21.5"
+    "@babel/traverse" "^7.21.3"
+    "@babel/types" "^7.21.3"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/generator@^7.12.11", "@babel/generator@^7.13.0", "@babel/generator@^7.21.5", "@babel/generator@^7.22.5", "@babel/generator@^7.4.0":
+"@babel/generator@^7.12.11", "@babel/generator@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.5.tgz#1e7bf768688acfb05cf30b2369ef855e82d984f7"
   integrity sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==
@@ -111,6 +156,26 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.13.0", "@babel/generator@^7.21.3":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.3.tgz#232359d0874b392df04045d72ce2fd9bb5045fce"
+  integrity sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==
+  dependencies:
+    "@babel/types" "^7.21.3"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
+"@babel/generator@^7.21.5", "@babel/generator@^7.4.0":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.5.tgz#c0c0e5449504c7b7de8236d99338c3e2a340745f"
+  integrity sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==
+  dependencies:
+    "@babel/types" "^7.21.5"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
 "@babel/generator@~7.21.1":
   version "7.21.9"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.9.tgz#3a1b706e07d836e204aee0650e8ee878d3aaa241"
@@ -128,6 +193,13 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-annotate-as-pure@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
+  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.18.6":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.18.9.tgz#acd4edfd7a566d1d51ea975dff38fd52906981bb"
@@ -136,7 +208,36 @@
     "@babel/helper-explode-assignable-expression" "^7.18.6"
     "@babel/types" "^7.18.9"
 
-"@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.21.5", "@babel/helper-compilation-targets@^7.22.5":
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.5.tgz#a3f4758efdd0190d8927fcffd261755937c71878"
+  integrity sha512-m1EP3lVOPptR+2DwD125gziZNcmoNSHGmJROKoy87loWUQyJaVXDgpmruWqDARZSmtYQ+Dl25okU8+qhVzuykw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.0", "@babel/helper-compilation-targets@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb"
+  integrity sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==
+  dependencies:
+    "@babel/compat-data" "^7.20.5"
+    "@babel/helper-validator-option" "^7.18.6"
+    browserslist "^4.21.3"
+    lru-cache "^5.1.1"
+    semver "^6.3.0"
+
+"@babel/helper-compilation-targets@^7.21.5":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.5.tgz#631e6cc784c7b660417421349aac304c94115366"
+  integrity sha512-1RkbFGUKex4lvsB9yhIfWltJM5cZKUftB2eNajaDv3dCMEp49iBG0K14uH8NnX9IPux2+mK7JGEOB0jn48/J6w==
+  dependencies:
+    "@babel/compat-data" "^7.21.5"
+    "@babel/helper-validator-option" "^7.21.0"
+    browserslist "^4.21.3"
+    lru-cache "^5.1.1"
+    semver "^6.3.0"
+
+"@babel/helper-compilation-targets@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz#fc7319fc54c5e2fa14b2909cf3c5fd3046813e02"
   integrity sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==
@@ -161,6 +262,21 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/helper-split-export-declaration" "^7.18.6"
 
+"@babel/helper-create-class-features-plugin@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.5.tgz#2192a1970ece4685fbff85b48da2c32fcb130b7c"
+  integrity sha512-xkb58MyOYIslxu3gKmVXmjTtUPvBU4odYzbiIQbWwLKIHCsx6UGZGX6F1IznMFVnDdirseUZopzN+ZRt8Xb33Q==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.5"
+    semver "^6.3.0"
+
 "@babel/helper-create-regexp-features-plugin@^7.16.0", "@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.20.5":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.21.0.tgz#53ff78472e5ce10a52664272a239787107603ebb"
@@ -169,6 +285,15 @@
     "@babel/helper-annotate-as-pure" "^7.18.6"
     regexpu-core "^5.3.1"
 
+"@babel/helper-create-regexp-features-plugin@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.5.tgz#bb2bf0debfe39b831986a4efbf4066586819c6e4"
+  integrity sha512-1VpEFOIbMRaXyDeUwUfmTIxExLwQ+zkW+Bh5zXpApA3oQedBx9v/updixWxnx/bZpKw7u8VxWjb/qWpIcmPq8A==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    regexpu-core "^5.3.1"
+    semver "^6.3.0"
+
 "@babel/helper-define-polyfill-provider@^0.3.3":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz#8612e55be5d51f0cd1f36b4a5a83924e89884b7a"
@@ -181,7 +306,29 @@
     resolve "^1.14.2"
     semver "^6.1.2"
 
-"@babel/helper-environment-visitor@^7.18.9", "@babel/helper-environment-visitor@^7.21.5", "@babel/helper-environment-visitor@^7.22.5":
+"@babel/helper-define-polyfill-provider@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.0.tgz#487053f103110f25b9755c5980e031e93ced24d8"
+  integrity sha512-RnanLx5ETe6aybRi1cO/edaRH+bNYWaryCEmjDDYyNr4wnSzyOp8T0dWipmqVHKEY3AbVKUom50AKSlj1zmKbg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.17.7"
+    "@babel/helper-plugin-utils" "^7.16.7"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+    semver "^6.1.2"
+
+"@babel/helper-environment-visitor@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
+  integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
+
+"@babel/helper-environment-visitor@^7.21.5":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz#c769afefd41d171836f7cb63e295bedf689d48ba"
+  integrity sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==
+
+"@babel/helper-environment-visitor@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
   integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
@@ -193,7 +340,15 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0", "@babel/helper-function-name@^7.21.0", "@babel/helper-function-name@^7.22.5":
+"@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0", "@babel/helper-function-name@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
+  integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
+  dependencies:
+    "@babel/template" "^7.20.7"
+    "@babel/types" "^7.21.0"
+
+"@babel/helper-function-name@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz#ede300828905bb15e582c037162f99d5183af1be"
   integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
@@ -201,7 +356,14 @@
     "@babel/template" "^7.22.5"
     "@babel/types" "^7.22.5"
 
-"@babel/helper-hoist-variables@^7.18.6", "@babel/helper-hoist-variables@^7.22.5":
+"@babel/helper-hoist-variables@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
+  integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
+"@babel/helper-hoist-variables@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
   integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
@@ -215,14 +377,63 @@
   dependencies:
     "@babel/types" "^7.21.0"
 
-"@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.21.4", "@babel/helper-module-imports@^7.22.5":
+"@babel/helper-member-expression-to-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz#0a7c56117cad3372fbf8d2fb4bf8f8d64a1e76b2"
+  integrity sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
+  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
+"@babel/helper-module-imports@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz#ac88b2f76093637489e718a90cec6cf8a9b029af"
+  integrity sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==
+  dependencies:
+    "@babel/types" "^7.21.4"
+
+"@babel/helper-module-imports@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz#1a8f4c9f4027d23f520bd76b364d44434a72660c"
   integrity sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.5", "@babel/helper-module-transforms@^7.22.5":
+"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.2":
+  version "7.21.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
+  integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@babel/helper-simple-access" "^7.20.2"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.2"
+    "@babel/types" "^7.21.2"
+
+"@babel/helper-module-transforms@^7.21.5":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.5.tgz#d937c82e9af68d31ab49039136a222b17ac0b420"
+  integrity sha512-bI2Z9zBGY2q5yMHoBvJ2a9iX3ZOAzJPm7Q8Yz6YeoUjU/Cvhmi2G4QyTNyPBqqXSgTjUxRg3L0xV45HvkNWWBw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.21.5"
+    "@babel/helper-module-imports" "^7.21.4"
+    "@babel/helper-simple-access" "^7.21.5"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.5"
+    "@babel/types" "^7.21.5"
+
+"@babel/helper-module-transforms@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz#0f65daa0716961b6e96b164034e737f60a80d2ef"
   integrity sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==
@@ -243,10 +454,22 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.21.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.21.5.tgz#345f2377d05a720a4e5ecfa39cbf4474a4daed56"
-  integrity sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==
+"@babel/helper-optimise-call-expression@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
+  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
+  integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
+
+"@babel/helper-plugin-utils@^7.21.5", "@babel/helper-plugin-utils@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
+  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
 
 "@babel/helper-remap-async-to-generator@^7.18.9":
   version "7.18.9"
@@ -258,6 +481,16 @@
     "@babel/helper-wrap-function" "^7.18.9"
     "@babel/types" "^7.18.9"
 
+"@babel/helper-remap-async-to-generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.5.tgz#14a38141a7bf2165ad38da61d61cf27b43015da2"
+  integrity sha512-cU0Sq1Rf4Z55fgz7haOakIyM7+x/uCFwXpLPaeRzfoUtAEAuUZjZvFPjL/rk5rW693dIgn2hng1W7xbT7lWT4g==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-wrap-function" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.20.7.tgz#243ecd2724d2071532b2c8ad2f0f9f083bcae331"
@@ -270,7 +503,33 @@
     "@babel/traverse" "^7.20.7"
     "@babel/types" "^7.20.7"
 
-"@babel/helper-simple-access@^7.21.5", "@babel/helper-simple-access@^7.22.5":
+"@babel/helper-replace-supers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.5.tgz#71bc5fb348856dea9fdc4eafd7e2e49f585145dc"
+  integrity sha512-aLdNM5I3kdI/V9xGNyKSF3X/gTyMUBohTZ+/3QdQKAA9vxIiy12E+8E2HoOP1/DjeqU+g6as35QHJNMDDYpuCg==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-simple-access@^7.20.2":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9"
+  integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==
+  dependencies:
+    "@babel/types" "^7.20.2"
+
+"@babel/helper-simple-access@^7.21.5":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz#d697a7971a5c39eac32c7e63c0921c06c8a249ee"
+  integrity sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==
+  dependencies:
+    "@babel/types" "^7.21.5"
+
+"@babel/helper-simple-access@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
   integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
@@ -284,24 +543,58 @@
   dependencies:
     "@babel/types" "^7.20.0"
 
-"@babel/helper-split-export-declaration@^7.18.6", "@babel/helper-split-export-declaration@^7.22.5":
+"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
+  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-split-export-declaration@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
+  integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
+"@babel/helper-split-export-declaration@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz#88cf11050edb95ed08d596f7a044462189127a08"
   integrity sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-string-parser@^7.21.5", "@babel/helper-string-parser@^7.22.5":
+"@babel/helper-string-parser@^7.19.4":
+  version "7.19.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
+  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
+
+"@babel/helper-string-parser@^7.21.5":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz#2b3eea65443c6bdc31c22d037c65f6d323b6b2bd"
+  integrity sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==
+
+"@babel/helper-string-parser@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
   integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
 
-"@babel/helper-validator-identifier@^7.19.1", "@babel/helper-validator-identifier@^7.22.5":
+"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
+
+"@babel/helper-validator-identifier@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
   integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
 
-"@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0", "@babel/helper-validator-option@^7.22.5":
+"@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
+  integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
+
+"@babel/helper-validator-option@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz#de52000a15a177413c8234fa3a8af4ee8102d0ac"
   integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
@@ -316,7 +609,35 @@
     "@babel/traverse" "^7.20.5"
     "@babel/types" "^7.20.5"
 
-"@babel/helpers@^7.21.5", "@babel/helpers@^7.22.5":
+"@babel/helper-wrap-function@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.5.tgz#44d205af19ed8d872b4eefb0d2fa65f45eb34f06"
+  integrity sha512-bYqLIBSEshYcYQyfks8ewYA8S30yaGSeRslcvKMvoUk6HHPySbxHq9YRi6ghhzEU+yhQv9bP/jXnygkStOcqZw==
+  dependencies:
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/helpers@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
+  integrity sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==
+  dependencies:
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.0"
+    "@babel/types" "^7.21.0"
+
+"@babel/helpers@^7.21.5":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.5.tgz#5bac66e084d7a4d2d9696bdf0175a93f7fb63c08"
+  integrity sha512-BSY+JSlHxOmGsPTydUkPf1MdMQ3M81x5xGCOVgWM3G8XH77sJ292Y2oqcp0CbbgxhqBuI46iUz1tT7hqP7EfgA==
+  dependencies:
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.5"
+    "@babel/types" "^7.21.5"
+
+"@babel/helpers@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.5.tgz#74bb4373eb390d1ceed74a15ef97767e63120820"
   integrity sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==
@@ -325,7 +646,16 @@
     "@babel/traverse" "^7.22.5"
     "@babel/types" "^7.22.5"
 
-"@babel/highlight@^7.0.0", "@babel/highlight@^7.22.5":
+"@babel/highlight@^7.0.0", "@babel/highlight@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.18.6"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@babel/highlight@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
   integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
@@ -334,11 +664,21 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.21.5", "@babel/parser@^7.21.8", "@babel/parser@^7.22.5", "@babel/parser@^7.4.3", "@babel/parser@^7.6.0":
+"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.21.3", "@babel/parser@^7.6.0":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.3.tgz#1d285d67a19162ff9daa358d4cb41d50c06220b3"
+  integrity sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==
+
+"@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.5.tgz#721fd042f3ce1896238cf1b341c77eb7dee7dbea"
   integrity sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==
 
+"@babel/parser@^7.21.5", "@babel/parser@^7.21.8", "@babel/parser@^7.4.3":
+  version "7.21.8"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.8.tgz#642af7d0333eab9c0ad70b14ac5e76dbde7bfdf8"
+  integrity sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==
+
 "@babel/parser@~7.21.2":
   version "7.21.9"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.9.tgz#ab18ea3b85b4bc33ba98a8d4c2032c557d23cf14"
@@ -351,7 +691,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.20.7":
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz#87245a21cd69a73b0b81bcda98d443d6df08f05e"
+  integrity sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.18.9":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.20.7.tgz#d9c85589258539a22a901033853101a6198d4ef1"
   integrity sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==
@@ -360,7 +707,16 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/plugin-proposal-optional-chaining" "^7.20.7"
 
-"@babel/plugin-proposal-async-generator-functions@^7.20.7":
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.20.7", "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.5.tgz#fef09f9499b1f1c930da8a0c419db42167d792ca"
+  integrity sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.5"
+
+"@babel/plugin-proposal-async-generator-functions@^7.20.1", "@babel/plugin-proposal-async-generator-functions@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz#bfb7276d2d573cb67ba379984a2334e262ba5326"
   integrity sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==
@@ -378,7 +734,7 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-proposal-class-static-block@^7.21.0":
+"@babel/plugin-proposal-class-static-block@^7.18.6", "@babel/plugin-proposal-class-static-block@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.21.0.tgz#77bdd66fb7b605f3a61302d224bdfacf5547977d"
   integrity sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==
@@ -411,7 +767,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
 
-"@babel/plugin-proposal-logical-assignment-operators@^7.20.7":
+"@babel/plugin-proposal-logical-assignment-operators@^7.18.9", "@babel/plugin-proposal-logical-assignment-operators@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.20.7.tgz#dfbcaa8f7b4d37b51e8bfb46d94a5aea2bb89d83"
   integrity sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==
@@ -435,7 +791,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
-"@babel/plugin-proposal-object-rest-spread@^7.20.7":
+"@babel/plugin-proposal-object-rest-spread@^7.20.2", "@babel/plugin-proposal-object-rest-spread@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz#aa662940ef425779c75534a5c41e9d936edc390a"
   integrity sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==
@@ -454,7 +810,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.20.7", "@babel/plugin-proposal-optional-chaining@^7.21.0":
+"@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.18.9", "@babel/plugin-proposal-optional-chaining@^7.20.7", "@babel/plugin-proposal-optional-chaining@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
   integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
@@ -471,7 +827,12 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-proposal-private-property-in-object@^7.21.0":
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
+"@babel/plugin-proposal-private-property-in-object@^7.18.6":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0.tgz#19496bd9883dd83c23c7d7fc45dcd9ad02dfa1dc"
   integrity sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==
@@ -481,6 +842,16 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
 
+"@babel/plugin-proposal-private-property-in-object@^7.21.0":
+  version "7.21.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz#69d597086b6760c4126525cfa154f34631ff272c"
+  integrity sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.18.6"
+    "@babel/helper-create-class-features-plugin" "^7.21.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
 "@babel/plugin-proposal-unicode-property-regex@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz#af613d2cd5e643643b65cded64207b15c85cb78e"
@@ -532,12 +903,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.18.6":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.21.4.tgz#3e37fca4f06d93567c1cd9b75156422e90a67107"
-  integrity sha512-l9xd3N+XG4fZRxEP3vXdK6RW7vN1Uf5dxzRC/09wV86wqZ/YYQooBIGNsiRdfNR3/q2/5pPzV4B54J/9ctX5jw==
+"@babel/plugin-syntax-flow@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz#163b820b9e7696ce134df3ee716d9c0c98035859"
+  integrity sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-syntax-import-assertions@^7.20.0":
   version "7.20.0"
@@ -546,6 +917,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.19.0"
 
+"@babel/plugin-syntax-import-assertions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz#07d252e2aa0bc6125567f742cd58619cb14dce98"
+  integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-attributes@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb"
+  integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-syntax-import-meta@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
@@ -560,12 +945,19 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.17.12", "@babel/plugin-syntax-jsx@^7.21.4":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz#f264ed7bf40ffc9ec239edabc17a50c4f5b6fea2"
-  integrity sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==
+"@babel/plugin-syntax-jsx@^7.17.12", "@babel/plugin-syntax-jsx@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
+  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-syntax-jsx@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz#a6b68e84fb76e759fc3b93e901876ffabbe1d918"
+  integrity sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
   version "7.10.4"
@@ -623,21 +1015,46 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7"
-  integrity sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==
+"@babel/plugin-syntax-typescript@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz#aac8d383b062c5072c647a31ef990c1d0af90272"
+  integrity sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-arrow-functions@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.21.5.tgz#9bb42a53de447936a57ba256fbf537fc312b6929"
-  integrity sha512-wb1mhwGOCaXHDTcsRYMKF9e5bbMgqwxtqa2Y1ifH96dXJPwbuLX9qHy3clhrxVqgMz7nyNXs8VkxdH8UBcjKqA==
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-transform-arrow-functions@^7.18.6":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.20.7.tgz#bea332b0e8b2dab3dafe55a163d8227531ab0551"
+  integrity sha512-3poA5E7dzDomxj9WXWwuD6A5F3kc7VXwIJO+E+J8qtDtS+pXPAhrgEyh+9GBwBgPq1Z+bB+/JD60lp5jsN7JPQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.20.2"
+
+"@babel/plugin-transform-arrow-functions@^7.21.5", "@babel/plugin-transform-arrow-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958"
+  integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-async-generator-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.5.tgz#7336356d23380eda9a56314974f053a020dab0c3"
+  integrity sha512-gGOEvFzm3fWoyD5uZq7vVTD57pPJ3PczPUD/xCFGjzBpUosnklmXyKnGQbbbGs1NPNPskFex0j93yKbHt0cHyg==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
 
-"@babel/plugin-transform-async-to-generator@^7.20.7":
+"@babel/plugin-transform-async-to-generator@^7.18.6", "@babel/plugin-transform-async-to-generator@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.20.7.tgz#dfee18623c8cb31deb796aa3ca84dda9cea94354"
   integrity sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==
@@ -646,6 +1063,15 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-remap-async-to-generator" "^7.18.9"
 
+"@babel/plugin-transform-async-to-generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz#c7a85f44e46f8952f6d27fe57c2ed3cc084c3775"
+  integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
+
 "@babel/plugin-transform-block-scoped-functions@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz#9187bf4ba302635b9d70d986ad70f038726216a8"
@@ -653,14 +1079,45 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-block-scoping@^7.21.0":
+"@babel/plugin-transform-block-scoped-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz#27978075bfaeb9fa586d3cb63a3d30c1de580024"
+  integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-block-scoping@^7.20.2":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.21.0.tgz#e737b91037e5186ee16b76e7ae093358a5634f02"
   integrity sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-transform-classes@^7.21.0":
+"@babel/plugin-transform-block-scoping@^7.21.0", "@babel/plugin-transform-block-scoping@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.5.tgz#8bfc793b3a4b2742c0983fadc1480d843ecea31b"
+  integrity sha512-EcACl1i5fSQ6bt+YGuU/XGCeZKStLmyVGytWkpyhCLeQVA0eu6Wtiw92V+I1T/hnezUv7j74dA/Ro69gWcU+hg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz#97a56e31ad8c9dc06a0b3710ce7803d5a48cca77"
+  integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-static-block@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz#3e40c46f048403472d6f4183116d5e46b1bff5ba"
+  integrity sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+
+"@babel/plugin-transform-classes@^7.20.2":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.21.0.tgz#f469d0b07a4c5a7dbb21afad9e27e57b47031665"
   integrity sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==
@@ -675,21 +1132,51 @@
     "@babel/helper-split-export-declaration" "^7.18.6"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.21.5.tgz#3a2d8bb771cd2ef1cd736435f6552fe502e11b44"
-  integrity sha512-TR653Ki3pAwxBxUe8srfF3e4Pe3FTA46uaNHYyQwIoM4oWKSoOZiDNyHJ0oIoDIUPSRQbQG7jzgVBX3FPVne1Q==
+"@babel/plugin-transform-classes@^7.21.0", "@babel/plugin-transform-classes@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.5.tgz#635d4e98da741fad814984639f4c0149eb0135e1"
+  integrity sha512-2edQhLfibpWpsVBx2n/GKOz6JdGQvLruZQfGr9l1qes2KQaWswjBzhQF7UDUZMNaMMQeYnQzxwOMPsbYF7wqPQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.5"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.18.9":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.20.7.tgz#704cc2fd155d1c996551db8276d55b9d46e4d0aa"
+  integrity sha512-Lz7MvBK6DTjElHAmfu6bfANzKcxpyNPeYBGEafyA6E5HtRpjpZwU+u7Qrgz/2OR0z+5TvKYbPdphfSaAcZBrYQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/template" "^7.20.7"
 
-"@babel/plugin-transform-destructuring@^7.21.3":
+"@babel/plugin-transform-computed-properties@^7.21.5", "@babel/plugin-transform-computed-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz#cd1e994bf9f316bd1c2dafcd02063ec261bb3869"
+  integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/template" "^7.22.5"
+
+"@babel/plugin-transform-destructuring@^7.20.2":
   version "7.21.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.21.3.tgz#73b46d0fd11cd6ef57dea8a381b1215f4959d401"
   integrity sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-destructuring@^7.21.3", "@babel/plugin-transform-destructuring@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.5.tgz#d3aca7438f6c26c78cdd0b0ba920a336001b27cc"
+  integrity sha512-GfqcFuGW8vnEqTUBM7UtPd5A4q797LTvvwKxXTgRsFjoqaJiEg9deBG6kWeQYkVEL569NpnmpC0Pkr/8BLKGnQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-dotall-regex@^7.18.6", "@babel/plugin-transform-dotall-regex@^7.4.4":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.18.6.tgz#b286b3e7aae6c7b861e45bed0a2fafd6b1a4fef8"
@@ -698,6 +1185,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-dotall-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165"
+  integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-duplicate-keys@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.18.9.tgz#687f15ee3cdad6d85191eb2a372c4528eaa0ae0e"
@@ -705,6 +1200,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-duplicate-keys@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz#b6e6428d9416f5f0bba19c70d1e6e7e0b88ab285"
+  integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dynamic-import@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz#d6908a8916a810468c4edff73b5b75bda6ad393e"
+  integrity sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+
 "@babel/plugin-transform-exponentiation-operator@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.18.6.tgz#421c705f4521888c65e91fdd1af951bfefd4dacd"
@@ -713,20 +1223,43 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-flow-strip-types@^7.21.0":
+"@babel/plugin-transform-exponentiation-operator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz#402432ad544a1f9a480da865fda26be653e48f6a"
+  integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-export-namespace-from@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz#57c41cb1d0613d22f548fddd8b288eedb9973a5b"
+  integrity sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-transform-flow-strip-types@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz#0bb17110c7bf5b35a60754b2f00c58302381dee2"
+  integrity sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-flow" "^7.22.5"
+
+"@babel/plugin-transform-for-of@^7.18.8":
   version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.21.0.tgz#6aeca0adcb81dc627c8986e770bfaa4d9812aff5"
-  integrity sha512-FlFA2Mj87a6sDkW4gfGrQQqwY/dLlBAyJa2dJEZ+FHXUVHBflO2wyKvg+OOEzXfrKYIa4HWl0mgmbCzt0cMb7w==
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.21.0.tgz#964108c9988de1a60b4be2354a7d7e245f36e86e"
+  integrity sha512-LlUYlydgDkKpIY7mcBWvyPPmMcOphEyYA27Ef4xpbh1IiDNLr0kZsos2nf92vz3IccvJI25QUwp86Eo5s6HmBQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-flow" "^7.18.6"
 
-"@babel/plugin-transform-for-of@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.21.5.tgz#e890032b535f5a2e237a18535f56a9fdaa7b83fc"
-  integrity sha512-nYWpjKW/7j/I/mZkGVgHJXh4bA1sfdFnJoOXwJuj4m3Q2EraO/8ZyrkCau9P5tbHQk01RMSt6KYLCsW7730SXQ==
+"@babel/plugin-transform-for-of@^7.21.5", "@babel/plugin-transform-for-of@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.5.tgz#ab1b8a200a8f990137aff9a084f8de4099ab173f"
+  integrity sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-transform-function-name@^7.18.9":
   version "7.18.9"
@@ -737,6 +1270,23 @@
     "@babel/helper-function-name" "^7.18.9"
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz#935189af68b01898e0d6d99658db6b164205c143"
+  integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-json-strings@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz#14b64352fdf7e1f737eed68de1a1468bd2a77ec0"
+  integrity sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+
 "@babel/plugin-transform-literals@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz#72796fdbef80e56fba3c6a699d54f0de557444bc"
@@ -744,6 +1294,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz#e9341f4b5a167952576e23db8d435849b1dd7920"
+  integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz#66ae5f068fd5a9a5dc570df16f56c2a8462a9d6c"
+  integrity sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
 "@babel/plugin-transform-member-expression-literals@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz#ac9fdc1a118620ac49b7e7a5d2dc177a1bfee88e"
@@ -751,7 +1316,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-modules-amd@^7.20.11":
+"@babel/plugin-transform-member-expression-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz#4fcc9050eded981a468347dd374539ed3e058def"
+  integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-amd@^7.19.6":
   version "7.20.11"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.20.11.tgz#3daccca8e4cc309f03c3a0c4b41dc4b26f55214a"
   integrity sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==
@@ -759,16 +1331,33 @@
     "@babel/helper-module-transforms" "^7.20.11"
     "@babel/helper-plugin-utils" "^7.20.2"
 
-"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.5.tgz#d69fb947eed51af91de82e4708f676864e5e47bc"
-  integrity sha512-OVryBEgKUbtqMoB7eG2rs6UFexJi6Zj6FDXx+esBLPTCxCNxAY9o+8Di7IsUGJ+AVhp5ncK0fxWUBd0/1gPhrQ==
+"@babel/plugin-transform-modules-amd@^7.20.11", "@babel/plugin-transform-modules-amd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz#4e045f55dcf98afd00f85691a68fc0780704f526"
+  integrity sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.21.5"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-simple-access" "^7.21.5"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.21.5", "@babel/plugin-transform-modules-commonjs@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz#7d9875908d19b8c0536085af7b053fd5bd651bfa"
+  integrity sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
 
-"@babel/plugin-transform-modules-systemjs@^7.20.11":
+"@babel/plugin-transform-modules-commonjs@^7.19.6":
+  version "7.21.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz#6ff5070e71e3192ef2b7e39820a06fb78e3058e7"
+  integrity sha512-Cln+Yy04Gxua7iPdj6nOV96smLGjpElir5YwzF0LBPKoPlLDNJePNlrGGaybAJkd0zKRnOVXOgizSqPYMNYkzA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.21.2"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-simple-access" "^7.20.2"
+
+"@babel/plugin-transform-modules-systemjs@^7.19.6":
   version "7.20.11"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.20.11.tgz#467ec6bba6b6a50634eea61c9c232654d8a4696e"
   integrity sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==
@@ -778,6 +1367,16 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-validator-identifier" "^7.19.1"
 
+"@babel/plugin-transform-modules-systemjs@^7.20.11", "@babel/plugin-transform-modules-systemjs@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz#18c31410b5e579a0092638f95c896c2a98a5d496"
+  integrity sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+
 "@babel/plugin-transform-modules-umd@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.18.6.tgz#81d3832d6034b75b54e62821ba58f28ed0aab4b9"
@@ -786,7 +1385,15 @@
     "@babel/helper-module-transforms" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.20.5":
+"@babel/plugin-transform-modules-umd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz#4694ae40a87b1745e3775b6a7fe96400315d4f98"
+  integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.19.1":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.20.5.tgz#626298dd62ea51d452c3be58b285d23195ba69a8"
   integrity sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==
@@ -794,6 +1401,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.20.5"
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-named-capturing-groups-regex@^7.20.5", "@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
+  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-new-target@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.18.6.tgz#d128f376ae200477f37c4ddfcc722a8a1b3246a8"
@@ -801,6 +1416,40 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-new-target@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz#1b248acea54ce44ea06dfd37247ba089fcf9758d"
+  integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz#f8872c65776e0b552e0849d7596cddd416c3e381"
+  integrity sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-transform-numeric-separator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz#57226a2ed9e512b9b446517ab6fa2d17abb83f58"
+  integrity sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-transform-object-rest-spread@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz#9686dc3447df4753b0b2a2fae7e8bc33cdc1f2e1"
+  integrity sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ==
+  dependencies:
+    "@babel/compat-data" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.22.5"
+
 "@babel/plugin-transform-object-super@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz#fb3c6ccdd15939b6ff7939944b51971ddc35912c"
@@ -809,13 +1458,63 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/helper-replace-supers" "^7.18.6"
 
-"@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.21.3":
+"@babel/plugin-transform-object-super@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz#794a8d2fcb5d0835af722173c1a9d704f44e218c"
+  integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+
+"@babel/plugin-transform-optional-catch-binding@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz#842080be3076703be0eaf32ead6ac8174edee333"
+  integrity sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+
+"@babel/plugin-transform-optional-chaining@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.5.tgz#1003762b9c14295501beb41be72426736bedd1e0"
+  integrity sha512-AconbMKOMkyG+xCng2JogMCDcqW8wedQAqpVIL4cOSescZ7+iW8utC6YDZLMCSUIReEA733gzRSaOSXMAt/4WQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
+"@babel/plugin-transform-parameters@^7.20.1", "@babel/plugin-transform-parameters@^7.20.7":
   version "7.21.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.21.3.tgz#18fc4e797cf6d6d972cb8c411dbe8a809fa157db"
   integrity sha512-Wxc+TvppQG9xWFYatvCGPvZ6+SIUxQ2ZdiBP+PHYMIjnPXD+uThCshaz4NZOnODAtBjjcVQQ/3OKs9LW28purQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-parameters@^7.21.3", "@babel/plugin-transform-parameters@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.5.tgz#c3542dd3c39b42c8069936e48717a8d179d63a18"
+  integrity sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-methods@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz#21c8af791f76674420a147ae62e9935d790f8722"
+  integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-property-in-object@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz#07a77f28cbb251546a43d175a1dda4cf3ef83e32"
+  integrity sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
 "@babel/plugin-transform-property-literals@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz#e22498903a483448e94e032e9bbb9c5ccbfc93a3"
@@ -823,6 +1522,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-property-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz#b5ddabd73a4f7f26cd0e20f5db48290b88732766"
+  integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-react-display-name@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415"
@@ -837,16 +1543,27 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.18.6"
 
-"@babel/plugin-transform-react-jsx@^7.17.12", "@babel/plugin-transform-react-jsx@^7.18.6", "@babel/plugin-transform-react-jsx@^7.19.0":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.5.tgz#bd98f3b429688243e4fa131fe1cbb2ef31ce6f38"
-  integrity sha512-ELdlq61FpoEkHO6gFRpfj0kUgSwQTGoaEU8eMRoS8Dv3v6e7BjEAj5WMtIBRdHUeAioMhKP5HyxNzNnP+heKbA==
+"@babel/plugin-transform-react-jsx@^7.17.12", "@babel/plugin-transform-react-jsx@^7.18.6":
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.19.0.tgz#b3cbb7c3a00b92ec8ae1027910e331ba5c500eb9"
+  integrity sha512-UVEvX3tXie3Szm3emi1+G63jyw1w5IcMY0FSKM+CRnKRI5Mr1YbCNgsSTwoTwKphQEG9P+QqmuRFneJPZuHNhg==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-module-imports" "^7.21.4"
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/plugin-syntax-jsx" "^7.21.4"
-    "@babel/types" "^7.21.5"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/plugin-syntax-jsx" "^7.18.6"
+    "@babel/types" "^7.19.0"
+
+"@babel/plugin-transform-react-jsx@^7.19.0":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.5.tgz#932c291eb6dd1153359e2a90cb5e557dcf068416"
+  integrity sha512-rog5gZaVbUip5iWDMTYbVM15XQq+RkUKhET/IHR6oizR+JEoN6CAfTTuHcK4vwUyzca30qqHqEpzBOnaRMWYMA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/types" "^7.22.5"
 
 "@babel/plugin-transform-react-pure-annotations@^7.18.6":
   version "7.18.6"
@@ -856,12 +1573,20 @@
     "@babel/helper-annotate-as-pure" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-regenerator@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.21.5.tgz#576c62f9923f94bcb1c855adc53561fd7913724e"
-  integrity sha512-ZoYBKDb6LyMi5yCsByQ5jmXsHAQDDYeexT1Szvlmui+lADvfSecr5Dxd/PkrTC3pAD182Fcju1VQkB4oCp9M+w==
+"@babel/plugin-transform-regenerator@^7.18.6":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.20.5.tgz#57cda588c7ffb7f4f8483cc83bdcea02a907f04d"
+  integrity sha512-kW/oO7HPBtntbsahzQ0qSE3tFvkFwnbozz3NWFhLGqH75vLEg+sCGngLlhVkePlCs3Jv0dBBHDzCHxNiFAQKCQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    regenerator-transform "^0.15.1"
+
+"@babel/plugin-transform-regenerator@^7.21.5", "@babel/plugin-transform-regenerator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.5.tgz#cd8a68b228a5f75fa01420e8cc2fc400f0fc32aa"
+  integrity sha512-rR7KePOE7gfEtNTh9Qw+iO3Q/e4DEsoQ+hdvM6QUDH7JRJ5qxq5AA52ZzBWbI5i9lfNuvySgOGP8ZN7LAmaiPw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
     regenerator-transform "^0.15.1"
 
 "@babel/plugin-transform-reserved-words@^7.18.6":
@@ -871,16 +1596,23 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-reserved-words@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz#832cd35b81c287c4bcd09ce03e22199641f964fb"
+  integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-runtime@^7.21.4":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.21.4.tgz#2e1da21ca597a7d01fc96b699b21d8d2023191aa"
-  integrity sha512-1J4dhrw1h1PqnNNpzwxQ2UBymJUF8KuPjAAnlLwZcGhHAIqUigFW7cdK6GHoB64ubY4qXQNYknoUeks4Wz7CUA==
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.5.tgz#ca975fb5e260044473c8142e1b18b567d33c2a3b"
+  integrity sha512-bg4Wxd1FWeFx3daHFTWk1pkSWK/AyQuiyAoeZAOkAOUBjnZPH6KT7eMxouV47tQ6hl6ax2zyAWBdWZXbrvXlaw==
   dependencies:
-    "@babel/helper-module-imports" "^7.21.4"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    babel-plugin-polyfill-corejs2 "^0.3.3"
-    babel-plugin-polyfill-corejs3 "^0.6.0"
-    babel-plugin-polyfill-regenerator "^0.4.1"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    babel-plugin-polyfill-corejs2 "^0.4.3"
+    babel-plugin-polyfill-corejs3 "^0.8.1"
+    babel-plugin-polyfill-regenerator "^0.5.0"
     semver "^6.3.0"
 
 "@babel/plugin-transform-shorthand-properties@^7.18.6":
@@ -890,7 +1622,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-spread@^7.20.7":
+"@babel/plugin-transform-shorthand-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624"
+  integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-spread@^7.19.0":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.20.7.tgz#c2d83e0b99d3bf83e07b11995ee24bf7ca09401e"
   integrity sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==
@@ -898,6 +1637,14 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
 
+"@babel/plugin-transform-spread@^7.20.7", "@babel/plugin-transform-spread@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz#6487fd29f229c95e284ba6c98d65eafb893fea6b"
+  integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+
 "@babel/plugin-transform-sticky-regex@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.18.6.tgz#c6706eb2b1524028e317720339583ad0f444adcc"
@@ -905,6 +1652,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-sticky-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz#295aba1595bfc8197abd02eae5fc288c0deb26aa"
+  integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-template-literals@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz#04ec6f10acdaa81846689d63fae117dd9c243a5e"
@@ -912,6 +1666,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-template-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff"
+  integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-typeof-symbol@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.18.9.tgz#c8cea68263e45addcd6afc9091429f80925762c0"
@@ -919,22 +1680,44 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
-"@babel/plugin-transform-typescript@^7.21.3":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.21.3.tgz#316c5be579856ea890a57ebc5116c5d064658f2b"
-  integrity sha512-RQxPz6Iqt8T0uw/WsJNReuBpWpBqs/n7mNo18sKLoTbMp+UrEekhH+pKSVC7gWz+DNjo9gryfV8YzCiT45RgMw==
+"@babel/plugin-transform-typeof-symbol@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz#5e2ba478da4b603af8673ff7c54f75a97b716b34"
+  integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-typescript@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.5.tgz#5c0f7adfc1b5f38c4dbc8f79b1f0f8074134bd7d"
+  integrity sha512-SMubA9S7Cb5sGSFFUlqxyClTA9zWJ8qGQrppNUm05LtFuN1ELRFNndkix4zUJrC9F+YivWwa1dHMSyo0e0N9dA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-typescript" "^7.22.5"
+
+"@babel/plugin-transform-unicode-escapes@^7.18.10":
+  version "7.18.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.18.10.tgz#1ecfb0eda83d09bbcb77c09970c2dd55832aa246"
+  integrity sha512-kKAdAI+YzPgGY/ftStBFXTI1LZFju38rYThnfMykS+IXy8BVx+res7s2fxf1l8I35DV2T97ezo6+SGrXz6B3iQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.18.9"
+
+"@babel/plugin-transform-unicode-escapes@^7.21.5", "@babel/plugin-transform-unicode-escapes@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.5.tgz#ce0c248522b1cb22c7c992d88301a5ead70e806c"
+  integrity sha512-biEmVg1IYB/raUO5wT1tgfacCef15Fbzhkx493D3urBI++6hpJ+RFG4SrWMn0NEZLfvilqKf3QDrRVZHo08FYg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.21.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-typescript" "^7.20.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-unicode-escapes@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.21.5.tgz#1e55ed6195259b0e9061d81f5ef45a9b009fb7f2"
-  integrity sha512-LYm/gTOwZqsYohlvFUe/8Tujz75LqqVC2w+2qPHLR+WyWHGCZPN1KBpJCJn+4Bk4gOkQy/IXKIge6az5MqwlOg==
+"@babel/plugin-transform-unicode-property-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz#098898f74d5c1e86660dc112057b2d11227f1c81"
+  integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-transform-unicode-regex@^7.18.6":
   version "7.18.6"
@@ -944,7 +1727,190 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/preset-env@^7.20.2", "@babel/preset-env@^7.21.5", "@babel/preset-env@~7.21.0":
+"@babel/plugin-transform-unicode-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz#ce7e7bb3ef208c4ff67e02a22816656256d7a183"
+  integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz#77788060e511b708ffc7d42fdfbc5b37c3004e91"
+  integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/preset-env@^7.20.2":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.20.2.tgz#9b1642aa47bb9f43a86f9630011780dab7f86506"
+  integrity sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg==
+  dependencies:
+    "@babel/compat-data" "^7.20.1"
+    "@babel/helper-compilation-targets" "^7.20.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-validator-option" "^7.18.6"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.18.6"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.18.9"
+    "@babel/plugin-proposal-async-generator-functions" "^7.20.1"
+    "@babel/plugin-proposal-class-properties" "^7.18.6"
+    "@babel/plugin-proposal-class-static-block" "^7.18.6"
+    "@babel/plugin-proposal-dynamic-import" "^7.18.6"
+    "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
+    "@babel/plugin-proposal-json-strings" "^7.18.6"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.18.9"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.18.6"
+    "@babel/plugin-proposal-numeric-separator" "^7.18.6"
+    "@babel/plugin-proposal-object-rest-spread" "^7.20.2"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.18.6"
+    "@babel/plugin-proposal-optional-chaining" "^7.18.9"
+    "@babel/plugin-proposal-private-methods" "^7.18.6"
+    "@babel/plugin-proposal-private-property-in-object" "^7.18.6"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.18.6"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-import-assertions" "^7.20.0"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-transform-arrow-functions" "^7.18.6"
+    "@babel/plugin-transform-async-to-generator" "^7.18.6"
+    "@babel/plugin-transform-block-scoped-functions" "^7.18.6"
+    "@babel/plugin-transform-block-scoping" "^7.20.2"
+    "@babel/plugin-transform-classes" "^7.20.2"
+    "@babel/plugin-transform-computed-properties" "^7.18.9"
+    "@babel/plugin-transform-destructuring" "^7.20.2"
+    "@babel/plugin-transform-dotall-regex" "^7.18.6"
+    "@babel/plugin-transform-duplicate-keys" "^7.18.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.18.6"
+    "@babel/plugin-transform-for-of" "^7.18.8"
+    "@babel/plugin-transform-function-name" "^7.18.9"
+    "@babel/plugin-transform-literals" "^7.18.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.18.6"
+    "@babel/plugin-transform-modules-amd" "^7.19.6"
+    "@babel/plugin-transform-modules-commonjs" "^7.19.6"
+    "@babel/plugin-transform-modules-systemjs" "^7.19.6"
+    "@babel/plugin-transform-modules-umd" "^7.18.6"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.19.1"
+    "@babel/plugin-transform-new-target" "^7.18.6"
+    "@babel/plugin-transform-object-super" "^7.18.6"
+    "@babel/plugin-transform-parameters" "^7.20.1"
+    "@babel/plugin-transform-property-literals" "^7.18.6"
+    "@babel/plugin-transform-regenerator" "^7.18.6"
+    "@babel/plugin-transform-reserved-words" "^7.18.6"
+    "@babel/plugin-transform-shorthand-properties" "^7.18.6"
+    "@babel/plugin-transform-spread" "^7.19.0"
+    "@babel/plugin-transform-sticky-regex" "^7.18.6"
+    "@babel/plugin-transform-template-literals" "^7.18.9"
+    "@babel/plugin-transform-typeof-symbol" "^7.18.9"
+    "@babel/plugin-transform-unicode-escapes" "^7.18.10"
+    "@babel/plugin-transform-unicode-regex" "^7.18.6"
+    "@babel/preset-modules" "^0.1.5"
+    "@babel/types" "^7.20.2"
+    babel-plugin-polyfill-corejs2 "^0.3.3"
+    babel-plugin-polyfill-corejs3 "^0.6.0"
+    babel-plugin-polyfill-regenerator "^0.4.1"
+    core-js-compat "^3.25.1"
+    semver "^6.3.0"
+
+"@babel/preset-env@^7.21.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.5.tgz#3da66078b181f3d62512c51cf7014392c511504e"
+  integrity sha512-fj06hw89dpiZzGZtxn+QybifF07nNiZjZ7sazs2aVDcysAZVGjW7+7iFYxg6GLNM47R/thYfLdrXc+2f11Vi9A==
+  dependencies:
+    "@babel/compat-data" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.5"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.5"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-import-assertions" "^7.22.5"
+    "@babel/plugin-syntax-import-attributes" "^7.22.5"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.22.5"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.5"
+    "@babel/plugin-transform-async-to-generator" "^7.22.5"
+    "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
+    "@babel/plugin-transform-block-scoping" "^7.22.5"
+    "@babel/plugin-transform-class-properties" "^7.22.5"
+    "@babel/plugin-transform-class-static-block" "^7.22.5"
+    "@babel/plugin-transform-classes" "^7.22.5"
+    "@babel/plugin-transform-computed-properties" "^7.22.5"
+    "@babel/plugin-transform-destructuring" "^7.22.5"
+    "@babel/plugin-transform-dotall-regex" "^7.22.5"
+    "@babel/plugin-transform-duplicate-keys" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.5"
+    "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.5"
+    "@babel/plugin-transform-for-of" "^7.22.5"
+    "@babel/plugin-transform-function-name" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.5"
+    "@babel/plugin-transform-literals" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.5"
+    "@babel/plugin-transform-member-expression-literals" "^7.22.5"
+    "@babel/plugin-transform-modules-amd" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.5"
+    "@babel/plugin-transform-modules-umd" "^7.22.5"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
+    "@babel/plugin-transform-new-target" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.5"
+    "@babel/plugin-transform-numeric-separator" "^7.22.5"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.5"
+    "@babel/plugin-transform-object-super" "^7.22.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.5"
+    "@babel/plugin-transform-parameters" "^7.22.5"
+    "@babel/plugin-transform-private-methods" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.5"
+    "@babel/plugin-transform-property-literals" "^7.22.5"
+    "@babel/plugin-transform-regenerator" "^7.22.5"
+    "@babel/plugin-transform-reserved-words" "^7.22.5"
+    "@babel/plugin-transform-shorthand-properties" "^7.22.5"
+    "@babel/plugin-transform-spread" "^7.22.5"
+    "@babel/plugin-transform-sticky-regex" "^7.22.5"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/plugin-transform-typeof-symbol" "^7.22.5"
+    "@babel/plugin-transform-unicode-escapes" "^7.22.5"
+    "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
+    "@babel/preset-modules" "^0.1.5"
+    "@babel/types" "^7.22.5"
+    babel-plugin-polyfill-corejs2 "^0.4.3"
+    babel-plugin-polyfill-corejs3 "^0.8.1"
+    babel-plugin-polyfill-regenerator "^0.5.0"
+    core-js-compat "^3.30.2"
+    semver "^6.3.0"
+
+"@babel/preset-env@~7.21.0":
   version "7.21.5"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.21.5.tgz#db2089d99efd2297716f018aeead815ac3decffb"
   integrity sha512-wH00QnTTldTbf/IefEVyChtRdw5RJvODT/Vb4Vcxq1AZvtXj6T0YeX0cAcXhI6/BdGuiP3GcNIL4OQbI2DVNxg==
@@ -1027,13 +1993,13 @@
     semver "^6.3.0"
 
 "@babel/preset-flow@^7.13.13", "@babel/preset-flow@^7.18.6":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.21.4.tgz#a5de2a1cafa61f0e0b3af9b30ff0295d38d3608f"
-  integrity sha512-F24cSq4DIBmhq4OzK3dE63NHagb27OPE3eWR+HLekt4Z3Y5MzIIUGF3LlLgV0gN8vzbDViSY7HnrReNVCJXTeA==
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.22.5.tgz#876f24ab6b38bd79703a93f32020ca2162312784"
+  integrity sha512-ta2qZ+LSiGCrP5pgcGt8xMnnkXQrq8Sa4Ulhy06BOlF5QbLw9q5hIx7bn5MrsvyTGAfh6kTOo07Q+Pfld/8Y5Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-validator-option" "^7.21.0"
-    "@babel/plugin-transform-flow-strip-types" "^7.21.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/plugin-transform-flow-strip-types" "^7.22.5"
 
 "@babel/preset-modules@^0.1.5":
   version "0.1.5"
@@ -1059,20 +2025,20 @@
     "@babel/plugin-transform-react-pure-annotations" "^7.18.6"
 
 "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.21.5":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.21.5.tgz#68292c884b0e26070b4d66b202072d391358395f"
-  integrity sha512-iqe3sETat5EOrORXiQ6rWfoOg2y68Cs75B9wNxdPW4kixJxh7aXQE1KPdWLDniC24T/6dSnguF33W9j/ZZQcmA==
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.22.5.tgz#16367d8b01d640e9a507577ed4ee54e0101e51c8"
+  integrity sha512-YbPaal9LxztSGhmndR46FmAbkJ/1fAsw293tSU+I5E5h+cnJ3d4GTwyUgGYmOXJYdGA+uNePle4qbaRzj2NISQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.21.5"
-    "@babel/helper-validator-option" "^7.21.0"
-    "@babel/plugin-syntax-jsx" "^7.21.4"
-    "@babel/plugin-transform-modules-commonjs" "^7.21.5"
-    "@babel/plugin-transform-typescript" "^7.21.3"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/plugin-transform-typescript" "^7.22.5"
 
 "@babel/register@^7.13.16":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.21.0.tgz#c97bf56c2472e063774f31d344c592ebdcefa132"
-  integrity sha512-9nKsPmYDi5DidAqJaQooxIhsLJiNMkGr8ypQ8Uic7cIox7UCDsM7HuUGxdGT7mSDTYbqzIdsOWzfBton/YJrMw==
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.22.5.tgz#e4d8d0f615ea3233a27b5c6ada6750ee59559939"
+  integrity sha512-vV6pm/4CijSQ8Y47RH5SopXzursN35RQINfGJkmOlcpAtGuf94miFvIPhCKGQN7WGIcsgG1BHEX2KVdTYwTwUQ==
   dependencies:
     clone-deep "^4.0.1"
     find-cache-dir "^2.0.0"
@@ -1093,14 +2059,37 @@
     core-js "^2.6.5"
     regenerator-runtime "^0.13.2"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.18.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
   version "7.21.5"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.21.5.tgz#8492dddda9644ae3bda3b45eabe87382caee7200"
   integrity sha512-8jI69toZqqcsnqGGqwGS4Qb1VwLOEp4hz+CXPywcvjs60u3B4Pom/U/7rm4W8tMOYEB+E9wgD0mW1l3r8qlI9Q==
   dependencies:
     regenerator-runtime "^0.13.11"
 
-"@babel/template@^7.12.13", "@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.21.9", "@babel/template@^7.22.5", "@babel/template@^7.4.0":
+"@babel/runtime@^7.12.1", "@babel/runtime@^7.19.4":
+  version "7.22.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.6.tgz#57d64b9ae3cff1d67eb067ae117dac087f5bd438"
+  integrity sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
+"@babel/runtime@^7.17.8", "@babel/runtime@^7.20.7", "@babel/runtime@^7.7.6":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.5.tgz#8564dd588182ce0047d55d7a75e93921107b57ec"
+  integrity sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
+"@babel/template@^7.12.13", "@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.4.0":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
+  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+
+"@babel/template@^7.21.9", "@babel/template@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.5.tgz#0c8c4d944509875849bd0344ff0050756eefc6ec"
   integrity sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==
@@ -1109,7 +2098,23 @@
     "@babel/parser" "^7.22.5"
     "@babel/types" "^7.22.5"
 
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.1.6", "@babel/traverse@^7.13.0", "@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.5", "@babel/traverse@^7.22.5", "@babel/traverse@^7.4.3":
+"@babel/traverse@^7.1.0", "@babel/traverse@^7.21.5", "@babel/traverse@^7.4.3", "@babel/traverse@~7.21.2":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.5.tgz#ad22361d352a5154b498299d523cf72998a4b133"
+  integrity sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==
+  dependencies:
+    "@babel/code-frame" "^7.21.4"
+    "@babel/generator" "^7.21.5"
+    "@babel/helper-environment-visitor" "^7.21.5"
+    "@babel/helper-function-name" "^7.21.0"
+    "@babel/helper-hoist-variables" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/parser" "^7.21.5"
+    "@babel/types" "^7.21.5"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/traverse@^7.1.6", "@babel/traverse@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.5.tgz#44bd276690db6f4940fdb84e1cb4abd2f729ccd1"
   integrity sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==
@@ -1125,23 +2130,32 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/traverse@~7.21.2":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.5.tgz#ad22361d352a5154b498299d523cf72998a4b133"
-  integrity sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==
+"@babel/traverse@^7.13.0", "@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.3":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.3.tgz#4747c5e7903d224be71f90788b06798331896f67"
+  integrity sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==
   dependencies:
-    "@babel/code-frame" "^7.21.4"
-    "@babel/generator" "^7.21.5"
-    "@babel/helper-environment-visitor" "^7.21.5"
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.21.3"
+    "@babel/helper-environment-visitor" "^7.18.9"
     "@babel/helper-function-name" "^7.21.0"
     "@babel/helper-hoist-variables" "^7.18.6"
     "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.21.5"
-    "@babel/types" "^7.21.5"
+    "@babel/parser" "^7.21.3"
+    "@babel/types" "^7.21.3"
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.13.0", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.2.0", "@babel/types@^7.20.0", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.3", "@babel/types@^7.21.5", "@babel/types@^7.22.5", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4":
+"@babel/types@^7.0.0", "@babel/types@^7.13.0", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.3", "@babel/types@^7.3.0", "@babel/types@^7.4.4":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.3.tgz#4865a5357ce40f64e3400b0f3b737dc6d4f64d05"
+  integrity sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.19.4"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    to-fast-properties "^2.0.0"
+
+"@babel/types@^7.2.0", "@babel/types@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
   integrity sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==
@@ -1150,7 +2164,7 @@
     "@babel/helper-validator-identifier" "^7.22.5"
     to-fast-properties "^2.0.0"
 
-"@babel/types@~7.21.2":
+"@babel/types@^7.21.4", "@babel/types@^7.21.5", "@babel/types@^7.4.0", "@babel/types@~7.21.2":
   version "7.21.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.5.tgz#18dfbd47c39d3904d5db3d3dc2cc80bedb60e5b6"
   integrity sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==
@@ -1193,9 +2207,9 @@
   integrity sha512-GbrTj2Z8MCTUv+52GE0RbFGM527xuXZ0Xa5g0Z+YN573uveS4G0qi6WNOMyz3yrFM/jaILTTwJ0+umx81EzqfA==
 
 "@csstools/media-query-list-parser@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.0.tgz#6e1a5e12e0d103cd13b94bddb88b878bd6866103"
-  integrity sha512-MXkR+TeaS2q9IkpyO6jVCdtA/bfpABJxIrfkLswThFN8EZZgI2RfAHhm6sDNDuYV25d5+b8Lj1fpTccIcSLPsQ==
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.1.tgz#7c92053c957f188c35acb30c0678a90d460a4bb4"
+  integrity sha512-pUjtFbaKbiFNjJo8pprrIaXLvQvWIlwPiFnRI4sEnc4F0NIGTOsw8kaJSR3CmZAKEvV8QYckovgAnWQC0bgLLQ==
 
 "@csstools/selector-specificity@^2.2.0":
   version "2.2.0"
@@ -1374,9 +2388,9 @@
     stylis "4.2.0"
 
 "@emotion/css@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.11.0.tgz#dad6a27a77d5e5cbb0287674c3ace76d762563ca"
-  integrity sha512-m4g6nKzZyiKyJ3WOfdwrBdcujVcpaScIWHAnyNKPm/A/xJKwfXPfQAbEVi1kgexWTDakmg+r2aDj0KvnMTo4oQ==
+  version "11.11.2"
+  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.11.2.tgz#e5fa081d0c6e335352e1bc2b05953b61832dca5a"
+  integrity sha512-VJxe1ucoMYMS7DkiMdC2T7PWNbrEI0a39YRiyDvK2qq4lXwjRbVP/z4lpG+odCsRzadlR+1ywwrTzhdm5HNdew==
   dependencies:
     "@emotion/babel-plugin" "^11.11.0"
     "@emotion/cache" "^11.11.0"
@@ -1411,9 +2425,9 @@
   integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
 
 "@emotion/react@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.0.tgz#408196b7ef8729d8ad08fc061b03b046d1460e02"
-  integrity sha512-ZSK3ZJsNkwfjT3JpDAWJZlrGD81Z3ytNDsxw1LKq1o+xkmO5pnWfr6gmCC8gHEFf3nSSX/09YrG67jybNPxSUw==
+  version "11.11.1"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.1.tgz#b2c36afac95b184f73b08da8c214fdf861fa4157"
+  integrity sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==
   dependencies:
     "@babel/runtime" "^7.18.3"
     "@emotion/babel-plugin" "^11.11.0"
@@ -1445,7 +2459,12 @@
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
   integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
 
-"@emotion/use-insertion-effect-with-fallbacks@^1.0.0", "@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
+"@emotion/use-insertion-effect-with-fallbacks@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz#ffadaec35dbb7885bd54de3fa267ab2f860294df"
+  integrity sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==
+
+"@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963"
   integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
@@ -1597,10 +2616,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.41.0":
-  version "8.41.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.41.0.tgz#080321c3b68253522f7646b55b577dd99d2950b3"
-  integrity sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==
+"@eslint/js@8.43.0":
+  version "8.43.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.43.0.tgz#559ca3d9ddbd6bf907ad524320a0d14b85586af0"
+  integrity sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==
 
 "@faker-js/faker@^7.6.0":
   version "7.6.0"
@@ -1651,10 +2670,23 @@
   dependencies:
     "@hapi/hoek" "^9.0.0"
 
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
+"@hello-pangea/dnd@^16.2.0":
+  version "16.2.0"
+  resolved "https://registry.yarnpkg.com/@hello-pangea/dnd/-/dnd-16.2.0.tgz#58cbadeb56f8c7a381da696bb7aa3bfbb87876ec"
+  integrity sha512-inACvMcvvLr34CG0P6+G/3bprVKhwswxjcsFUSJ+fpOGjhvDj9caiA9X3clby0lgJ6/ILIJjyedHZYECB7GAgA==
+  dependencies:
+    "@babel/runtime" "^7.19.4"
+    css-box-model "^1.2.1"
+    memoize-one "^6.0.0"
+    raf-schd "^4.0.3"
+    react-redux "^8.0.4"
+    redux "^4.2.0"
+    use-memo-one "^1.1.3"
+
+"@humanwhocodes/config-array@^0.11.10":
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.10.tgz#5a3ffe32cc9306365fb3fd572596cd602d5e12d2"
+  integrity sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
@@ -1930,6 +2962,14 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.3.tgz#8108265659d4c33e72ffe14e33d6cc5eb59f2fda"
+  integrity sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
 "@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
@@ -2047,9 +3087,9 @@
     glob-to-regexp "^0.3.0"
 
 "@ndelangen/get-tarball@^3.0.7":
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/@ndelangen/get-tarball/-/get-tarball-3.0.7.tgz#87c7aef2df4ff4fbdbab6ac9ed32cee142c4b1a3"
-  integrity sha512-NqGfTZIZpRFef1GoVaShSSRwDC3vde3ThtTeqFdcYd6ipKqnfEVhjK2hUeHjCQUcptyZr2TONqcloFXM+5QBrQ==
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@ndelangen/get-tarball/-/get-tarball-3.0.9.tgz#727ff4454e65f34707e742a59e5e6b1f525d8964"
+  integrity sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==
   dependencies:
     gunzip-maybe "^1.4.2"
     pump "^3.0.0"
@@ -2076,12 +3116,12 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@2.0.3":
+"@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3"
   integrity sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==
 
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+"@nodelib/fs.stat@2.0.5":
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -2308,19 +3348,19 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f"
   integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==
 
-"@storybook/addon-actions@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-7.0.17.tgz#0761ceeac05963de2a0f9eb7f7257a5b7008c340"
-  integrity sha512-dtb8ZP8qZp5KksTkSJnXqCmLPh34voP700FWpZ5S5p9m6a8aWcUoyWzDFMKoiInwdd+Ni9y4ocfnI35WXi2Jtg==
+"@storybook/addon-actions@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-7.0.23.tgz#9e711a2d31633769616842b3f84549b8e25add82"
+  integrity sha512-xsLUZez6fzHc+be8BypVO5aA7kjeH9jymLAib68SSQoF0GQry7mb/fhumifQno2BKfCyCw++lYqLHzwV0EISxg==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     dequal "^2.0.2"
     lodash "^4.17.21"
     polished "^4.2.2"
@@ -2330,216 +3370,216 @@
     ts-dedent "^2.0.0"
     uuid "^9.0.0"
 
-"@storybook/addon-backgrounds@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-7.0.17.tgz#961c74ad6d28fcf4ec709164fca362193447eca7"
-  integrity sha512-89dD3ZOY3AceaqN6qEqy3YfYRlMx4Krl7KmEHv5b0elT0gyCFz8llILri1mngQw9qomRQ8e3MNTAdk35+6FwDQ==
+"@storybook/addon-backgrounds@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-7.0.23.tgz#78a66a719f1601dfd60a976971b417c39e47f773"
+  integrity sha512-6zlLKnAbcaBbLgADylhhih7uma4FLisjgUjY/wpPlqhx/9pEWp7tUoYcGkAADnrN97+70g43VxL6mElKnGtZeA==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     memoizerific "^1.11.3"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-controls@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-7.0.17.tgz#99deb9861fbdbb82bf2e3bc2a8156cf44cf8e58a"
-  integrity sha512-M4dl19YRGAYEEJacGP/8/MxQrybjsty28c8IBSGDXGJ8NMcUBbn2lBZEe4JlSofYAoAIORF5k3Hcv8zv9s0LxQ==
-  dependencies:
-    "@storybook/blocks" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+"@storybook/addon-controls@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-7.0.23.tgz#431e1052f4d8c3b93f61ee0503ea6f0cfcefbb01"
+  integrity sha512-G6DQwaLCqxnDtiG5qtnJWLD3MkMYjC0Ki9uye5kXCIoPcM52NV1/NQQtfhvzFpwNX3QiQvo7Za2g7/RLhd2z5w==
+  dependencies:
+    "@storybook/blocks" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     lodash "^4.17.21"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-docs@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-7.0.17.tgz#a3625d7c09f0e4b5e664cdb10a6cd9e07c52aa79"
-  integrity sha512-N/DxloXKkEkz8u9uxUUjDMYn8rVh/dHTMsURgSwgmm+6c/I4pqLo/QAnLq/Lja2X1YoERqJ1ke5Ksf4XegCBiA==
+"@storybook/addon-docs@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-7.0.23.tgz#6400def6f360ae5e2bab2823cb94d8cab66cae65"
+  integrity sha512-BD4F5uCE4VND5Z3UQ9xF+q3qy6MHTxTMgNMVfcBc4TM8gCuFyuuiOl0sxW3Ap6YdWEFfvzE822RGMk5IlD6UWA==
   dependencies:
     "@babel/core" "^7.20.2"
     "@babel/plugin-transform-react-jsx" "^7.19.0"
     "@jest/transform" "^29.3.1"
     "@mdx-js/react" "^2.1.5"
-    "@storybook/blocks" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/csf-plugin" "7.0.17"
-    "@storybook/csf-tools" "7.0.17"
+    "@storybook/blocks" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/csf-plugin" "7.0.23"
+    "@storybook/csf-tools" "7.0.23"
     "@storybook/global" "^5.0.0"
     "@storybook/mdx2-csf" "^1.0.0"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/postinstall" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/react-dom-shim" "7.0.17"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/postinstall" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/react-dom-shim" "7.0.23"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     fs-extra "^11.1.0"
     remark-external-links "^8.0.0"
     remark-slug "^6.0.0"
     ts-dedent "^2.0.0"
 
 "@storybook/addon-essentials@^7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-7.0.17.tgz#b2ad0c7719905c058f20007de060465c09cb7723"
-  integrity sha512-QYfjELm4fe2xuSxs0K9t5XbL2Bw2a0XxNHQmnoXUp3l9yqxKeL9pH2gjtEl1ASQ8zg7xva/Xb87BTMQ6O2IJaQ==
-  dependencies:
-    "@storybook/addon-actions" "7.0.17"
-    "@storybook/addon-backgrounds" "7.0.17"
-    "@storybook/addon-controls" "7.0.17"
-    "@storybook/addon-docs" "7.0.17"
-    "@storybook/addon-highlight" "7.0.17"
-    "@storybook/addon-measure" "7.0.17"
-    "@storybook/addon-outline" "7.0.17"
-    "@storybook/addon-toolbars" "7.0.17"
-    "@storybook/addon-viewport" "7.0.17"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-7.0.23.tgz#d474c3c2bed56ee59ce416349f980a0d6451319d"
+  integrity sha512-t4ChTrsd+ctKjmhy6TLsOPmPPzkPjCSP3yVDSW8pOzHsSxfFUa7qSu89Kb9zYrwEDwXxiAie1KIRZE3smUeD0A==
+  dependencies:
+    "@storybook/addon-actions" "7.0.23"
+    "@storybook/addon-backgrounds" "7.0.23"
+    "@storybook/addon-controls" "7.0.23"
+    "@storybook/addon-docs" "7.0.23"
+    "@storybook/addon-highlight" "7.0.23"
+    "@storybook/addon-measure" "7.0.23"
+    "@storybook/addon-outline" "7.0.23"
+    "@storybook/addon-toolbars" "7.0.23"
+    "@storybook/addon-viewport" "7.0.23"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-highlight@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-7.0.17.tgz#366d3f4b5e310f6021c7e896efe7e7e0eaedbb6c"
-  integrity sha512-798MRDotyRaTPH+C4K6SxWAVUJ07zzGT17+d19X0D1+YMughi+6fPqx/QznH/Ox4NeUyO97CbL39OXwQeOWhMA==
+"@storybook/addon-highlight@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-7.0.23.tgz#067beae1d36fd62f166bd81980fa558b83947743"
+  integrity sha512-/qO4VM8CeoUG3ivgki4FtJyEMRzLxJFkeWETaUegReh+n6uaOUeYrJYZr5ES/k0Ily0HikQYdkn/m7JZGQ6VIw==
   dependencies:
-    "@storybook/core-events" "7.0.17"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/preview-api" "7.0.17"
+    "@storybook/preview-api" "7.0.23"
 
 "@storybook/addon-interactions@^7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-7.0.17.tgz#34a06e38e757e88a2c4effa270908f1f3c88bf33"
-  integrity sha512-+tx3x/6aHDNbLHrqma/ynjM7Q7G8+w4B49uUlHLqlOTAXxHMyQAGJZj69LhkAi3J4+lr3d5NKKsjxrvwRl0OSg==
-  dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-7.0.23.tgz#5ed6da8e01bd9783c569e6ebde71d4b8efd1fea2"
+  integrity sha512-NBI7ejUO/YmjQRRRopD3tuA+87fq5BRwTINbs17AkaEjO84xQ+G1rTixQZ18PkLpO65OlmuDeGIrbfbt8hrmcA==
+  dependencies:
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/instrumenter" "7.0.17"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/instrumenter" "7.0.23"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     jest-mock "^27.0.6"
     polished "^4.2.2"
     ts-dedent "^2.2.0"
 
 "@storybook/addon-links@^7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-7.0.17.tgz#e5e2dbc61cca4f756143a22ee67cac714deaac8d"
-  integrity sha512-dVDuGwJh30S7YxgiMcLetVa4rTv2823LKJ3bfltzRNRHm7cUFSg4HPK//ymlGPSIFansjDV/EzcW0JQrdYr2lA==
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-7.0.23.tgz#2f5931035a00186096d28dcd9c2bf5bd082b41b0"
+  integrity sha512-e95Y7oVCjsECh8XEs6+SWZtUz+cfUDNuF1mty4/6/d03H8HraWXgUSOfTRhRj+Q076CNcIh7IcqqNgeMxvGdKA==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/router" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/router" "7.0.23"
+    "@storybook/types" "7.0.23"
     prop-types "^15.7.2"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-measure@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-7.0.17.tgz#a537ba43c029baa5074f4755bfeaf2aa943173ba"
-  integrity sha512-bpqr6SAEaCNL1CawuwWSqfjH1l9PFFkfQM7lciG8m909JGDgEdVKwoCfFixHhuL6HS9JhK7gjk6k8fkBDf/Z2Q==
+"@storybook/addon-measure@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-7.0.23.tgz#37371b9fdfa6db28aae6f752d4921c0c29ecdb92"
+  integrity sha512-j0HrykvDdUgjjGjZimtp21cPQuYcOOrq21QijYts4t+hk0xfW396e6ZAUyFK24+oXaPkQBHdlApFHKYAP+p8Eg==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/types" "7.0.17"
-
-"@storybook/addon-outline@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-7.0.17.tgz#998055276e81435cd7145facccc8d04cbaef79c4"
-  integrity sha512-IUx+u1KiZCrTuhTxFsPGl8tcsKcCl/SMFcew4V+dkAvh5YMsMBVpLrRtBG/rcld2NRIgoCVMP9U/fruXkaURQg==
-  dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/types" "7.0.23"
+
+"@storybook/addon-outline@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-7.0.23.tgz#99626e9a49f3e2815730fab371283afbd1aa31be"
+  integrity sha512-NQsmHaAnqAH0Lus+54s3702491APXmDgKjiaIBgBKhoJt5cLiJ7er6nvGA1ntAgU7FCMrTMZaoV7UDnO45K9vg==
+  dependencies:
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/types" "7.0.23"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-toolbars@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-7.0.17.tgz#5e26e28e43c05c1826fcccb4fe88a6a80cc7a310"
-  integrity sha512-5Xh6n23HKsa5phMs/SwiHM54t6IowgaJF8pk+MJfKrpfSjvABU0wCxF0rHU3dEZpIsdRsRhJbhHVyCmcOy2Mqw==
-  dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/theming" "7.0.17"
-
-"@storybook/addon-viewport@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-7.0.17.tgz#6ddc4957578b18d2c31a042ec4b9ed45839c30b2"
-  integrity sha512-ir+fPU6IRj7TRXdjQEy0b7+rCDiJPDbI0lrGxVIQM65mu8SakJhg8KRzi84Ep3e99LqGA/1gtPiNJu6tbEyBfA==
-  dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+"@storybook/addon-toolbars@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-7.0.23.tgz#4968bf1e36001e54f334600028fbded982059d38"
+  integrity sha512-o5X6XY480gmhrRb0aNScMrTbSdizoE7yIvJDuWEe6JCgToKUr0bG7xpa8OpOYcC17yIz69eRwqZjhqDRv57nQQ==
+  dependencies:
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/theming" "7.0.23"
+
+"@storybook/addon-viewport@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-7.0.23.tgz#17dc4d1c797c6849989edb07f544d812a7abae03"
+  integrity sha512-xeSFieRZNKwj44qMKEheQ9staEc+rvlwLeVaSfJHviLOr8Jq8sn6aWZr/1rn9YwT50H/s1o+Kt1h0jDOLQANyw==
+  dependencies:
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/theming" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/theming" "7.0.23"
     memoizerific "^1.11.3"
     prop-types "^15.7.2"
 
-"@storybook/addons@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-7.0.17.tgz#f01813bd771bffe5aca484738a8061df36e82fe5"
-  integrity sha512-mDWVkv17se+eM8OsEvpAodvsLRx1BeGGZMbFTNx1INMZKiGkaepzX7ma+fkBy0cDn3FkIh4TlKL8gzUl5jeQ8A==
+"@storybook/addons@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-7.0.23.tgz#ae185b813a9b28231d4c331373f24b37b18124d1"
+  integrity sha512-o+bw63OYDLWAd8VC4ebwU4o+QS58ETV5n52exlOQ1RzvEkbejtlzkxB+5oDndnfUIHYXRvgXleFo+d1KNxOJRw==
   dependencies:
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/types" "7.0.23"
 
-"@storybook/api@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-7.0.17.tgz#0ebaf18de07356364e726218a746bb6e78ce7e31"
-  integrity sha512-X375OUbme5NoNfc/jw3jntSfsMfK0AAzVIxQ941PN3JvwL6pLIkiiI5XEAc0LU+etCvI2zSknzModU29NqZqHA==
+"@storybook/api@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-7.0.23.tgz#2b17df69ae10fd72a5f678c25b629ccaa27e060c"
+  integrity sha512-OgEYdwk2XpiP04V9U2PWeG6SPxeYSPZUwhtsUylMePff9icOTXNJwb87lFBDxPEdMPEYOVIPFHy30dAHTaOIyQ==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/manager-api" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/manager-api" "7.0.23"
 
-"@storybook/blocks@7.0.17", "@storybook/blocks@^7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-7.0.17.tgz#3eb5530a94591089d881721c6ebdbeb1b0b57cb7"
-  integrity sha512-Rwr/UaL7a3GcGExTUdvBmuTx5pa4t7YQt1Eb40gJabXjP/kA+TBsGnKTGicsXv7lkvVYfHdCja461odRGBGUvw==
+"@storybook/blocks@7.0.23", "@storybook/blocks@^7.0.17":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-7.0.23.tgz#8030506fd2f7c84d997e0d547d75c33d646d93d8"
+  integrity sha512-yhdff1m+SY90g+52745h/x6r0uDwKHoMffhjttKTSSKhsHOnvHCaslpPBHsxDxsPNGLrjUT+ueK/GSwKJUJmLA==
   dependencies:
-    "@storybook/channels" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/channels" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/csf" "^0.1.0"
-    "@storybook/docs-tools" "7.0.17"
+    "@storybook/docs-tools" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     "@types/lodash" "^4.14.167"
     color-convert "^2.0.1"
     dequal "^2.0.2"
@@ -2552,15 +3592,15 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/builder-manager@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-7.0.17.tgz#8b57497e724377ed0b7e9d9d4022fb81faa88592"
-  integrity sha512-ofCSJN153hvG+8SYLMRnpwNqX7XmjVeS5UbgTbr190m2UpV9KEnHlzXp1qCvAFEz8jUQ3hSx2at3n6wZ9YpTqA==
+"@storybook/builder-manager@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-7.0.23.tgz#35ec5f7f92e6b28bfef51ca442ca8736b8e178a5"
+  integrity sha512-um0+fhOX9ai25YMuMEDzFKSZDzYKof2e/DKPOziZoxUeDuJasiAX/i4CChLqkk94NJKQXB/QAFHhbJ0ei/wnxA==
   dependencies:
     "@fal-works/esbuild-plugin-global-externals" "^2.1.2"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/manager" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/manager" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
     "@types/ejs" "^3.1.1"
     "@types/find-cache-dir" "^3.2.1"
     "@yarnpkg/esbuild-plugin-pnp" "^3.0.0-rc.10"
@@ -2574,31 +3614,31 @@
     process "^0.11.10"
     util "^0.12.4"
 
-"@storybook/builder-webpack5@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-7.0.17.tgz#f4b826692a68a026f875091351b48d7af4b6eb7e"
-  integrity sha512-aSc+ACAN8TMH/cGOD1s+NjibYG7zIxP+YcnSPt95N3WySEXjePswdDe8401zUhb8GYm+eGi6kdpDLCmlzrPk0g==
+"@storybook/builder-webpack5@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-7.0.23.tgz#1111f2f413475e989fe9b7932949d618636e050f"
+  integrity sha512-bO95e0ioGYSqWaC7/Rv4YNlhwK5bcXSQeqog+BYf5a5neEnbQgAg5/ZjiDsGRk7cw+TFGUiF7d0sQIKTY57OEA==
   dependencies:
     "@babel/core" "^7.12.10"
-    "@storybook/addons" "7.0.17"
-    "@storybook/api" "7.0.17"
-    "@storybook/channel-postmessage" "7.0.17"
-    "@storybook/channel-websocket" "7.0.17"
-    "@storybook/channels" "7.0.17"
-    "@storybook/client-api" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/components" "7.0.17"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/core-events" "7.0.17"
-    "@storybook/core-webpack" "7.0.17"
+    "@storybook/addons" "7.0.23"
+    "@storybook/api" "7.0.23"
+    "@storybook/channel-postmessage" "7.0.23"
+    "@storybook/channel-websocket" "7.0.23"
+    "@storybook/channels" "7.0.23"
+    "@storybook/client-api" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/components" "7.0.23"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/core-events" "7.0.23"
+    "@storybook/core-webpack" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/preview" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/router" "7.0.17"
-    "@storybook/store" "7.0.17"
-    "@storybook/theming" "7.0.17"
+    "@storybook/manager-api" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/preview" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/router" "7.0.23"
+    "@storybook/store" "7.0.23"
+    "@storybook/theming" "7.0.23"
     "@types/node" "^16.0.0"
     "@types/semver" "^7.3.4"
     babel-loader "^9.0.0"
@@ -2623,50 +3663,49 @@
     webpack-hot-middleware "^2.25.1"
     webpack-virtual-modules "^0.4.3"
 
-"@storybook/channel-postmessage@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-7.0.17.tgz#c2ff5b50a868c87226b395d85eedbc3a3684b80f"
-  integrity sha512-vkE4u0l9hPRRI22QLGdR/T1uk38GdcYbjyXAZeG7EFtf9kLOwv7cY4YTTsCC+6Te9cNA4sqXLku2njwbuKBS0w==
+"@storybook/channel-postmessage@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-7.0.23.tgz#eff248def859a0106cb45d535eb13111b8abb2df"
+  integrity sha512-SfXTV55Z9U5rN1OuyR56s+PUpav3b4SgXtP67bnNsrv7dkKhBwr0DUUJogIRnjmY0Loy/hLvJ23kfmKXPWC4vQ==
   dependencies:
-    "@storybook/channels" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/channels" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
     qs "^6.10.0"
     telejson "^7.0.3"
 
-"@storybook/channel-websocket@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/channel-websocket/-/channel-websocket-7.0.17.tgz#a64fc66a1c4a9fdba151657a86782fd75e9fcc55"
-  integrity sha512-SQzBvv5a0OJ6BNeHE9kq6pd2u35tpJJMR5Q3L129WRD0SrVPpLqkkcOPPsC7/06yov60MZ7A8XrOanZHAXzE7g==
+"@storybook/channel-websocket@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-websocket/-/channel-websocket-7.0.23.tgz#9ef0f6d6c3144a47b7f8192b683f23af34143581"
+  integrity sha512-xjY09pOaE5T5TgC41V3fezzqdrL+aPjiW0q4H/CrPF9Oa87hHBZq2dmq1TU5Wd4GFrW/OHqo2rGemS/bXh8mNg==
   dependencies:
-    "@storybook/channels" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
+    "@storybook/channels" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
     "@storybook/global" "^5.0.0"
     telejson "^7.0.3"
 
-"@storybook/channels@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-7.0.17.tgz#e6f97783dc78a55f027073e921fd638be0649ffc"
-  integrity sha512-kALTiyX7iaqUuV/70bq6sIs0abyzQSyH6WtAkjRmZLR9SxD0dLf4r+FpmxmPjbM8kguVx/nbdGX5zh2Bf7aZ/g==
+"@storybook/channels@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-7.0.23.tgz#4c57f5f43289ca21b6a713ff9c399c8abb6c868a"
+  integrity sha512-cCxR3Z84YQjsVMPgFTI+kDVNOlgXSDakwjkNFBznU+s2qhGW5eZt2g9YRDeVDQ6AjR4j4RrGhwddRq4lQZF2pg==
 
-"@storybook/cli@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-7.0.17.tgz#a35bd4393eb322cd6b5b12cb3950dd19a7a6b9f8"
-  integrity sha512-rzAutA+trQWwQ5HvEqUVUyO9rvs4nSiUCu0NgcCl7hHNDM2DEYylUoegFdlO+pOxUhIKm6IA+kwRH4dEeZiIoQ==
+"@storybook/cli@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-7.0.23.tgz#2feb5e36adeb3439ce54d2edba11c12eb250b39f"
+  integrity sha512-6os+7rQN/Bx89bOgx/Ju+n0WXi2BN+eBIyvPJrZ7r5tl389lqL7IKHJFYmQ/FnIzhGvwuUxmoSq5niCt2Hvc3w==
   dependencies:
     "@babel/core" "^7.20.2"
     "@babel/preset-env" "^7.20.2"
     "@ndelangen/get-tarball" "^3.0.7"
-    "@storybook/codemod" "7.0.17"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/core-server" "7.0.17"
-    "@storybook/csf-tools" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/telemetry" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/codemod" "7.0.23"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/core-server" "7.0.23"
+    "@storybook/csf-tools" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/telemetry" "7.0.23"
+    "@storybook/types" "7.0.23"
     "@types/semver" "^7.3.4"
-    boxen "^5.1.2"
     chalk "^4.1.0"
     commander "^6.2.1"
     cross-spawn "^7.0.3"
@@ -2695,33 +3734,33 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/client-api@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-7.0.17.tgz#3f18ad8afcb4d10d1581a3065cccd24aa31e76ee"
-  integrity sha512-OZjAukNk2h4AQcE6AeTKGXvIdslV+SVaA/9NmPhhYU8g3vDXWQMa2yVTyYZEW+ygxSzDkccBKO14TDt3CsbZjw==
+"@storybook/client-api@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-7.0.23.tgz#38dda48d9d0b1de4ee85559a6af466c96cfc074e"
+  integrity sha512-Z2ubbWJXORuhb1Faur3DL5zV8OObanQY7ow506CmEwNKRgy2LVzkBwpm4woEJHgw95sOyGuz3f3xfDP2DC6M7A==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
 
-"@storybook/client-logger@7.0.17", "@storybook/client-logger@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-7.0.17.tgz#7acd3d0e467d6a69f3fc6fbd5b157a32d475c11d"
-  integrity sha512-1u313wdESQqN08DLfdB1tNMdsk3JExWU1ZlViCwK8cFPZaWgjts1vLcilWtYJBK28yEO/vS4H+lgwSm+oVQXVA==
+"@storybook/client-logger@7.0.23", "@storybook/client-logger@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-7.0.23.tgz#5db5d144d1948fd8c856195ee6a699c002046557"
+  integrity sha512-L287SRO8EaYOxTpryV7N/1WCL5I1IFs5Naiq3FpybhguUP7F3Si7KWvVdFmSW06K9jNj2IEQ/8zBRM8ra4ttyg==
   dependencies:
     "@storybook/global" "^5.0.0"
 
-"@storybook/codemod@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-7.0.17.tgz#eba943819c534ae4ab575062174687b9a6b19c79"
-  integrity sha512-JR/iU4aO/vQhv0obnISh+hrt1AEW9XM9Ly0tk4Dm/OH8GQ/MpYGS5ncfqPTWyABxRMIc39QxggNXbQkZEpyQVQ==
+"@storybook/codemod@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-7.0.23.tgz#c33205c62a62f8cd0a9cb7b15f0082ed589033c3"
+  integrity sha512-Jr1UmOT4h/0Cst1a6xOIxCstN7arJYdQPvcmnM9QUqYjVpJ65y8ASANinyD27xZS8pshJ38z4pPzZCFE+YVP3Q==
   dependencies:
     "@babel/core" "~7.21.0"
     "@babel/preset-env" "~7.21.0"
     "@babel/types" "~7.21.2"
     "@storybook/csf" "^0.1.0"
-    "@storybook/csf-tools" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/csf-tools" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/types" "7.0.23"
     cross-spawn "^7.0.3"
     globby "^11.0.2"
     jscodeshift "^0.14.0"
@@ -2729,36 +3768,37 @@
     prettier "^2.8.0"
     recast "^0.23.1"
 
-"@storybook/components@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-7.0.17.tgz#4127c420f0fb52c4e0f65ffe1d2191c5aa2b99b2"
-  integrity sha512-JIDKVg+NuJSmsTbbU2k5hyqd6JjOZ9I/c0rQsrO55bMPHeocwpX9rkXvjTn89iyKpAbjIo6zhCko2pUakopY6Q==
+"@storybook/components@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-7.0.23.tgz#0a8e17d76b4b6e67b6eea0747f567e5788b3e7c5"
+  integrity sha512-nEMWjqL34uDzQsHM/MJQt6IoeVzbyONeS14UsS/WKTVpnQvxYLeZAg/kyMwZsl28U25na3d+EhZKv/0mWXw5Nw==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     memoizerific "^1.11.3"
     use-resize-observer "^9.1.0"
     util-deprecate "^1.0.2"
 
-"@storybook/core-client@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-7.0.17.tgz#9f63bf5743f882d1c09a3cf6e888ddefd93902db"
-  integrity sha512-KiKxulFP+ln/zFgUEwb9NpPCi+PDeSCJyUS1T2qY+TYH4+c/jp/P91mrdKuF38E+NLApGT45o0K2zh5+X2M3eA==
+"@storybook/core-client@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-7.0.23.tgz#9e56e1ea05ed15f4c092b7542530ed8941e1db0d"
+  integrity sha512-YKZvUtFl0DH4xq6GkrYTx9UXfJoNlh6ZiybBXkD0eRi2cEo/EFKM6w5IIXYuyfn8uogBX1cUo61FrcRNulS5bw==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
 
-"@storybook/core-common@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-7.0.17.tgz#f837ac87c7f2fa6c2cef8e4fecebb633f253a1a1"
-  integrity sha512-wMDhI+JXlTIJ2d9eHjnR9eE209JFwlsGNnoSh6IGoOhmGKcOGcRPe+SzDWPbz9WJ4ya/f9LS05T6e8aP0L9srQ==
+"@storybook/core-common@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-7.0.23.tgz#dc82800a888111d65bdc4e1eff2ff1ec4896acb7"
+  integrity sha512-2W87Z9I0ObEMQkGVPMvgB3I5lWkqqkQDkfIbfoc717+DO3Lqgg/CGy5WL7+v2xVlzfoUnYIeXgkeAwDPDrDyMA==
   dependencies:
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/types" "7.0.23"
     "@types/node" "^16.0.0"
+    "@types/node-fetch" "^2.6.4"
     "@types/pretty-hrtime" "^1.0.0"
     chalk "^4.1.0"
     esbuild "^0.17.0"
@@ -2770,43 +3810,43 @@
     glob-promise "^6.0.2"
     handlebars "^4.7.7"
     lazy-universal-dotenv "^4.0.0"
+    node-fetch "^2.0.0"
     picomatch "^2.3.0"
     pkg-dir "^5.0.0"
     pretty-hrtime "^1.0.3"
     resolve-from "^5.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/core-events@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-7.0.17.tgz#df809d2e7cad80b4ea616c074e43d99a137d5dd4"
-  integrity sha512-ZqgMe5lbTEe4Bg2A55oYTL8lCRSLuguS9+7rxOWBCwvptF6UXPSqlEj5tr2+6IDJy6WCVAqd6Q+Y/ZCfs5Bifw==
+"@storybook/core-events@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-7.0.23.tgz#99d36712dba8eae9e1585298dd9b97385ae13ad5"
+  integrity sha512-Hdt18p/qbgJc+1wY2dGcdjmlsuNXWsoLTaXrjInuvr1U0kmKmKs0VMaB0cFubnUgCmB3YQWTGnVr3q8iz9iB7g==
 
-"@storybook/core-server@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-7.0.17.tgz#a3fb87f4060f956b620b8333e0d6b057b93ca9d3"
-  integrity sha512-Xixp/FVG+Y/aL8exI1fk/f+1X9uwptlnnhDlTMZ3U8aDQsrAEe1/coBTQPUpfhkO6F9FaQQl+Ek4JVP0JihRqQ==
+"@storybook/core-server@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-7.0.23.tgz#70d946276115ed5efd6c5f869b099c400d6e6858"
+  integrity sha512-xHt2WB2kL7VQIxYgtE1TDjd4WEvyqlaf256L3RbuQVGZ/AkuFUEV60FULimM6V+/DyF83hGZTREkjovI+Mb16w==
   dependencies:
     "@aw-web-design/x-default-browser" "1.4.88"
     "@discoveryjs/json-ext" "^0.5.3"
-    "@storybook/builder-manager" "7.0.17"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/builder-manager" "7.0.23"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/csf" "^0.1.0"
-    "@storybook/csf-tools" "7.0.17"
+    "@storybook/csf-tools" "7.0.23"
     "@storybook/docs-mdx" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/telemetry" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/manager" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/telemetry" "7.0.23"
+    "@storybook/types" "7.0.23"
     "@types/detect-port" "^1.3.0"
     "@types/node" "^16.0.0"
     "@types/node-fetch" "^2.5.7"
     "@types/pretty-hrtime" "^1.0.0"
     "@types/semver" "^7.3.4"
     better-opn "^2.1.1"
-    boxen "^5.1.2"
     chalk "^4.1.0"
     cli-table3 "^0.6.1"
     compression "^1.7.4"
@@ -2829,36 +3869,36 @@
     watchpack "^2.2.0"
     ws "^8.2.3"
 
-"@storybook/core-webpack@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/core-webpack/-/core-webpack-7.0.17.tgz#6a411cc7580e635da0a9c0a4f4de2b291bd86e22"
-  integrity sha512-mDC7fxYBQgbgi22yIaWIbMjb+fzn0BpS/l0KlUx6QLs5iiYDrnVElgNKUnC1xdpPz5T8GjbnBe6NElZQYGIuBw==
+"@storybook/core-webpack@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/core-webpack/-/core-webpack-7.0.23.tgz#f5afc08962c82f6c00bf9b4f27cf601f1021fa9a"
+  integrity sha512-WSdqTnVbBbcaf2dE+dvdfGTutAGquQ4TeVm3Y8yxe03BbZ86LHjQg/sQEYgJq1sud4SHPgvQ/lhF9SSAwFXVBQ==
   dependencies:
-    "@storybook/core-common" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/types" "7.0.23"
     "@types/node" "^16.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/csf-plugin@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-7.0.17.tgz#61b29ce41832be4266001e1f2a03e06b58b349da"
-  integrity sha512-dT87hGdJ5D/AMquxDcX5ilFk1YCb9zik9+LuYG7OxrkWnCPpjskCaLnZz81jv2WdAH5/g4xEVI/CarqiW6OGKw==
+"@storybook/csf-plugin@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-7.0.23.tgz#f03ed39a769fbf8ac3fa12314365a6f5fc1b7871"
+  integrity sha512-hKlCkZ8NONqRfzt5rdyQznnf/jMbbUF3h8mLxs1nYSevqH8CaHH9w8dYW2y67hyzT7Wt050bqRO2YH8ZQG/VVA==
   dependencies:
-    "@storybook/csf-tools" "7.0.17"
+    "@storybook/csf-tools" "7.0.23"
     unplugin "^0.10.2"
 
-"@storybook/csf-tools@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-7.0.17.tgz#e24fbcda4e3904494c4e468817d91aeecbc165bf"
-  integrity sha512-RRADsMXDauDwdq5x8XYsTVVeH1ykYgkfJb/bZJnKz7HGPBIUgIlR64022GD4XNoa/3oHfPS41zHAc1OTe4w3Hg==
+"@storybook/csf-tools@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-7.0.23.tgz#0e8f53834bb021e03d0dad75368439af2880451c"
+  integrity sha512-fCRmI/UduL7/Bhz4Ww8pn+dHqU/qCaZTcigxQSeWm3OpTUpHzbFwVLXLr/ZnL4ofS+AWa5FhiZXcMF5TMXWXLw==
   dependencies:
     "@babel/generator" "~7.21.1"
     "@babel/parser" "~7.21.2"
     "@babel/traverse" "~7.21.2"
     "@babel/types" "~7.21.2"
     "@storybook/csf" "^0.1.0"
-    "@storybook/types" "7.0.17"
+    "@storybook/types" "7.0.23"
     fs-extra "^11.1.0"
     recast "^0.23.1"
     ts-dedent "^2.0.0"
@@ -2871,9 +3911,9 @@
     lodash "^4.17.15"
 
 "@storybook/csf@^0.1.0":
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.1.0.tgz#62315bf9704f3aa4e0d4d909b9033833774ddfbe"
-  integrity sha512-uk+jMXCZ8t38jSTHk2o5btI+aV2Ksbvl6DoOv3r6VaCM1KZqeuMwtwywIQdflkA8/6q/dKT8z8L+g8hC4GC3VQ==
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.1.1.tgz#abccc8c3e49aed0a6a7e87beb0d1c262b1921c06"
+  integrity sha512-4hE3AlNVxR60Wc5KSC68ASYzUobjPqtSKyhV6G+ge0FIXU55N5nTY7dXGRZHQGDBPq+XqchMkIdlkHPRs8nTHg==
   dependencies:
     type-fest "^2.19.0"
 
@@ -2882,15 +3922,15 @@
   resolved "https://registry.yarnpkg.com/@storybook/docs-mdx/-/docs-mdx-0.1.0.tgz#33ba0e39d1461caf048b57db354b2cc410705316"
   integrity sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==
 
-"@storybook/docs-tools@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-7.0.17.tgz#c7e7289fb144d9e40d1878c9cbe6d3e1b22d59a1"
-  integrity sha512-x8nw5na26SFBney/aXfu+eltvWV9QmxAB+FuMOr+3urIASeIU0gIGtrqfzSdvtb9SRf5BGtymTOQFIga/ENBsw==
+"@storybook/docs-tools@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-7.0.23.tgz#7c1d4c518c5ab0b702350719fa7e157033a8122e"
+  integrity sha512-sf0eGmx7ZfFgj/lrSjvDoqOQWRdAk9Os5nuy/rtSyOYLv8Y7+Pwdjn+1cUTs6j/yhgOooC0IweJom0+D40Mkog==
   dependencies:
     "@babel/core" "^7.12.10"
-    "@storybook/core-common" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/core-common" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/types" "7.0.23"
     "@types/doctrine" "^0.0.3"
     doctrine "^3.0.0"
     lodash "^4.17.21"
@@ -2900,30 +3940,30 @@
   resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed"
   integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==
 
-"@storybook/instrumenter@7.0.17", "@storybook/instrumenter@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-7.0.17.tgz#74623b42311f163c04d9ed15a8fe1d885d1cc217"
-  integrity sha512-TQkoYMbwmCQXAUgNhwAglXxTJTwtSKbDNRlpccZVIywFvnyiXZNns2NG7VE3xIV3WLcFCg3SAtj52yFGArMnuA==
+"@storybook/instrumenter@7.0.23", "@storybook/instrumenter@^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-7.0.23.tgz#0f7efd95cb2ec4698fc57cc012045cec42b7ef6b"
+  integrity sha512-CeV2se64XxccD4L6XFI3cFfEz3/Lcbrvb+T3bZZzGOXO18zH5tN3jXVfAONrz/mU69jL9mbo96hFl51UDtwcAg==
   dependencies:
-    "@storybook/channels" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/channels" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/preview-api" "7.0.17"
+    "@storybook/preview-api" "7.0.23"
 
-"@storybook/manager-api@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-7.0.17.tgz#201b18a875b311511bd928641be7dfbca2246797"
-  integrity sha512-CdMdrrz+4xH4STCGmxkwSOpP7EcZn9H2XGAgiPWewSdZVTJGiwbeRkfmONYsMsyxuAiNmAe7kc1q53qyCdvGtA==
+"@storybook/manager-api@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-7.0.23.tgz#4963ea77f879886f8d1dd53019b456895a50c495"
+  integrity sha512-tvq5+xVkpqWDDnvyoi/sfAR7ZaIu7oiommMtuEt1/mhItn9nv8TXkWbthWUlwRgUrPiJJl2BNSnXMRS+byOAZg==
   dependencies:
-    "@storybook/channels" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/channels" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/router" "7.0.17"
-    "@storybook/theming" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/router" "7.0.23"
+    "@storybook/theming" "7.0.23"
+    "@storybook/types" "7.0.23"
     dequal "^2.0.2"
     lodash "^4.17.21"
     memoizerific "^1.11.3"
@@ -2932,43 +3972,43 @@
     telejson "^7.0.3"
     ts-dedent "^2.0.0"
 
-"@storybook/manager@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-7.0.17.tgz#6eb60bba06657ccb64a09fb8ca663295dfecea8c"
-  integrity sha512-OUTZK2kiIb4UBdapyAXReLGIFbVUBV+Pvi3AkKMe0FmnCy+AEcsW+QzYw4JrchgtKEKGg+IlLpPRhjvVHwBERA==
+"@storybook/manager@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-7.0.23.tgz#473ca4be0f7f0c24e1c9570d1b5bae8babcb3034"
+  integrity sha512-D3WIqtzjSY3UOskZhKQ2R7RypPUeqAmsXLKxw2EEEx7iLHgJfKvFeAZ77NCKNOxQsEDjLrjTQH4WjiKEaSpK5Q==
 
 "@storybook/mdx2-csf@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@storybook/mdx2-csf/-/mdx2-csf-1.1.0.tgz#97f6df04d0bf616991cc1005a073ac004a7281e5"
   integrity sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==
 
-"@storybook/node-logger@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.0.17.tgz#78e1ecacc5cba300eedd4bcbabefc5200f9d0708"
-  integrity sha512-owq36J0/FOh6ey6eft/w+sAqDT55+SrHoJCaXELipAbXsqy7hBVKnJFw5awSsQO8ZGoVu3Uj/bA7T6FdU7OEHA==
+"@storybook/node-logger@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.0.23.tgz#6341d943a73a1c4208fb14c75eb304908bf96c97"
+  integrity sha512-bVa0LnD0pAI0ZU9cue+hvWiWEli3Gny6ofolaWiOw1W03P5ogUo7gHHw/+Is4Iba7FxD1+W1BXm5oi22xD1x0g==
   dependencies:
     "@types/npmlog" "^4.1.2"
     chalk "^4.1.0"
     npmlog "^5.0.1"
     pretty-hrtime "^1.0.3"
 
-"@storybook/postinstall@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-7.0.17.tgz#b607188dcf4dd9b7a27d79b3c7b17d9817b3c420"
-  integrity sha512-t8UgKv+imnrP663T3SckYOCs7NdZ0+WlydM3PRabgvqL+LzyGWRvoT5kquK/sMjSsRo+R+dGMmwrI1zeOTtC8g==
+"@storybook/postinstall@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-7.0.23.tgz#d2bdd58dcbf20e49c41de4334f4c45f0d477842f"
+  integrity sha512-GOVF1MXIRjK8Qx5FjMVoYGlQetJJFjxh75FHb2cm2xxEiIxLpMWOOHkTcsqh2BQzGqi/Bs4IKx2OxMxZazgroQ==
 
-"@storybook/preset-react-webpack@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/preset-react-webpack/-/preset-react-webpack-7.0.17.tgz#593498efe4a77d7ad48ef70f6264dce982b104a4"
-  integrity sha512-h0ghqM4kqy4WTWBBKTqyNiIsNLztYqKpziEJzNfnD51QFCkaIeklF29/zflrsAv5Zfw9K5olpHlCWP2cxyZH2A==
+"@storybook/preset-react-webpack@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/preset-react-webpack/-/preset-react-webpack-7.0.23.tgz#d98af5196bc4d995e995fe7cc0f839f287baa168"
+  integrity sha512-kYJXxQnDSRW3/W2XBqPjuZmtifOStpoQd+h4uvQovVD8ydcZVw8cCId8LBRlJ+SGUnZX4eRC2D5qDQJd4ljQ+A==
   dependencies:
     "@babel/preset-flow" "^7.18.6"
     "@babel/preset-react" "^7.18.6"
     "@pmmmwh/react-refresh-webpack-plugin" "^0.5.5"
-    "@storybook/core-webpack" "7.0.17"
-    "@storybook/docs-tools" "7.0.17"
-    "@storybook/node-logger" "7.0.17"
-    "@storybook/react" "7.0.17"
+    "@storybook/core-webpack" "7.0.23"
+    "@storybook/docs-tools" "7.0.23"
+    "@storybook/node-logger" "7.0.23"
+    "@storybook/react" "7.0.23"
     "@storybook/react-docgen-typescript-plugin" "1.0.6--canary.9.0c3f3b7.0"
     "@types/node" "^16.0.0"
     "@types/semver" "^7.3.4"
@@ -2979,18 +4019,18 @@
     semver "^7.3.7"
     webpack "5"
 
-"@storybook/preview-api@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-7.0.17.tgz#e23072d131d7d033da91887a543e29fd2cbc5a00"
-  integrity sha512-KNouqNFzTpd9EAmRZNiuSVOuUjFKqeMznXNTUScbaPMuLrypmYP/e0qT+Jl7XP1HQQS4v2xf/vVxinb6/YDnlA==
+"@storybook/preview-api@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-7.0.23.tgz#6f4d98a54c7367341e086a1818866e2e1e97faea"
+  integrity sha512-kXhDX6gVjQu4Lx4SnCW5Yt5W/TbQofp9SL0paB1ywsJ15xSAPU5KVILe9OWAOba2YUnk7sHux/xDX/gH5RCpVw==
   dependencies:
-    "@storybook/channel-postmessage" "7.0.17"
-    "@storybook/channels" "7.0.17"
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/core-events" "7.0.17"
+    "@storybook/channel-postmessage" "7.0.23"
+    "@storybook/channels" "7.0.23"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/core-events" "7.0.23"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/types" "7.0.17"
+    "@storybook/types" "7.0.23"
     "@types/qs" "^6.9.5"
     dequal "^2.0.2"
     lodash "^4.17.21"
@@ -3000,10 +4040,10 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/preview@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-7.0.17.tgz#fbd40ef0327ccc1cabfcb6cd8badc2ad5b1e5bbc"
-  integrity sha512-wHcMPopBeGc90rKiFXnf3PHuYcNUh/GkxkViRCvAeYxMsh95omoIADpdAalchiHKT0wtoGTW9l5JTjK0Y/bdXA==
+"@storybook/preview@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-7.0.23.tgz#946ce6324be53ba166fa22cebc87d7c8d2d3b851"
+  integrity sha512-D4oDayFOXqNDLJStbZ35Lc0UAXvzdWiij1IE01wH1mzndlEgR+/1ZEPQfm5Leb5LZd7pWmyYLJqh6m/CCK2uPg==
 
 "@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0":
   version "1.0.6--canary.9.0c3f3b7.0"
@@ -3018,33 +4058,33 @@
     react-docgen-typescript "^2.2.2"
     tslib "^2.0.0"
 
-"@storybook/react-dom-shim@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-7.0.17.tgz#2f4fa3467371490842c9ff138f8a9f3b012325e6"
-  integrity sha512-/68YzMlVVX6RX2GoSO6O3U2Z7+H80MzIe/rRnD+rnvytFS/zwpV3qSgZTGooEDSbZTpqYjianTmFz+0SOK5KaA==
+"@storybook/react-dom-shim@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-7.0.23.tgz#a2175d449733f12be098e7df6069ea3216e0ea84"
+  integrity sha512-v4jIaDb3SwYmRADuNZDwR/5r0V65zAc+hJlW+8z3FRZ5xN3gGV/3s08VL2xnItmidsneMndz9ECjlaTHvSGOng==
 
 "@storybook/react-webpack5@^7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/react-webpack5/-/react-webpack5-7.0.17.tgz#4ace015029e7a91b434547047411bbe69d1a31d1"
-  integrity sha512-cSMt7zamzysaXNDIrzXX4a/7+9VwLlKAWu5seR5pX2YCN8JtB07gUv6TLnJ/Y8rB63rtsjvdwnN1MDG+zdOa3g==
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/react-webpack5/-/react-webpack5-7.0.23.tgz#72a089e4e6358036d202466531c1f5e4573b1595"
+  integrity sha512-G5x62Ow+MJLRRB1+e6R27Pr2Wt/R7yDjODEgOi6jQMymMjXkxPmr6s3yMTQz5ku7Wn3zFbs4H+DAoD7ND6v8GQ==
   dependencies:
-    "@storybook/builder-webpack5" "7.0.17"
-    "@storybook/preset-react-webpack" "7.0.17"
-    "@storybook/react" "7.0.17"
+    "@storybook/builder-webpack5" "7.0.23"
+    "@storybook/preset-react-webpack" "7.0.23"
+    "@storybook/react" "7.0.23"
     "@types/node" "^16.0.0"
 
-"@storybook/react@7.0.17", "@storybook/react@^7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-7.0.17.tgz#75c0d9ae42358f4836ca6f43d381d7d6162fda73"
-  integrity sha512-SgTUwcJ2opDqfHz1lp8vO6pRMTqmzRb5wrbVQTkH4hRI1BthrUpnptR98AeDbcTzTf1FpiZXh4RWMIK8p6rHlQ==
+"@storybook/react@7.0.23", "@storybook/react@^7.0.17":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-7.0.23.tgz#6e279add6859ff24ee306caeba3a48ee97a38ad8"
+  integrity sha512-vQQ+OaYXwab9PelUggI/ObJ0a5Luyn5lsAWI9QF3BV1WsiHwCKM862OGsfUEfV3WXaN+uHPx/LpyHC7XTFp2yA==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/core-client" "7.0.17"
-    "@storybook/docs-tools" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/core-client" "7.0.23"
+    "@storybook/docs-tools" "7.0.23"
     "@storybook/global" "^5.0.0"
-    "@storybook/preview-api" "7.0.17"
-    "@storybook/react-dom-shim" "7.0.17"
-    "@storybook/types" "7.0.17"
+    "@storybook/preview-api" "7.0.23"
+    "@storybook/react-dom-shim" "7.0.23"
+    "@storybook/types" "7.0.23"
     "@types/escodegen" "^0.0.6"
     "@types/estree" "^0.0.51"
     "@types/node" "^16.0.0"
@@ -3060,30 +4100,30 @@
     type-fest "^2.19.0"
     util-deprecate "^1.0.2"
 
-"@storybook/router@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-7.0.17.tgz#4c530966a2d4a7f8d5617f6dd68b46bcfceae1b4"
-  integrity sha512-2y6kVwA1jawU6c4OcqX7Fiaf6+eMRKaAeCth/9ju+EPxcCxAWRyDL53bd+QMUsfA41UGpJ64c1nR9jPPujLKDA==
+"@storybook/router@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-7.0.23.tgz#694fd20b6aa471086b07b3d82ff5b8e49a8cef37"
+  integrity sha512-qZJJJKqcyhTAXRWxGwBlL97BSt/TbWcXNUB1H3Q4ufKrgdrCRuThfr8R8Fir+iggr7vF3QnMQ7rCyPT/yB56/g==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
     memoizerific "^1.11.3"
     qs "^6.10.0"
 
-"@storybook/store@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/store/-/store-7.0.17.tgz#a16b735134c683dcfca2450f0ec5271e3d1994a9"
-  integrity sha512-fsarMMb/flGYWwG/oPmdziytKAH/Qjvzc22vsmjNHErQoI+8oZsGRTkhXDYvz/6V8+QeYvUPO/OW6dQCV6tl2g==
+"@storybook/store@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/store/-/store-7.0.23.tgz#d19c3578cd18a946e98178763a3eae6646ebcc30"
+  integrity sha512-rTSAwn44Pm1c4ChF29zF/YRAtPInvFCrW7lBHTQoXT+fL3FHXUgxv61rlby+DGJlLZmEHM2SF+1DgIKzvXNNkg==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/preview-api" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/preview-api" "7.0.23"
 
-"@storybook/telemetry@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-7.0.17.tgz#61d786f7d4551cfbe26601591551d865c782655c"
-  integrity sha512-3r/Eei3UjCFqRYkDYqD6OkoVeAByoEHraYUf0EtmWNvQ+itNJn3Lvl0UdluDyWqGPe1u2srAtOOCiNz5EEos2Q==
+"@storybook/telemetry@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-7.0.23.tgz#a29ba5b0f7d79f47e487134ea7d4653eb57d38e9"
+  integrity sha512-bV6U58+JXvliq6FHnEOmy902Coa2JVD0M1N6En0us9kNNrtxpn4xSO4dvFW0A+veZimtT6kI55liG89IKeN3Nw==
   dependencies:
-    "@storybook/client-logger" "7.0.17"
-    "@storybook/core-common" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
+    "@storybook/core-common" "7.0.23"
     chalk "^4.1.0"
     detect-package-manager "^2.0.1"
     fetch-retry "^5.0.2"
@@ -3103,22 +4143,22 @@
     "@testing-library/user-event" "^13.2.1"
     ts-dedent "^2.2.0"
 
-"@storybook/theming@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-7.0.17.tgz#2bb6154f558b08c21d924cd80cdf0c170e93c6c4"
-  integrity sha512-I0MrZorCGJ1kQmwhsxAsNy02gXRiUmQKuoLNQwitwx8ridzA+ukkkBIr6M38jwA2URaO53AvlGfD/664ZdM4XA==
+"@storybook/theming@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-7.0.23.tgz#302158b05a771852ab98d10df2c40be358b9b887"
+  integrity sha512-hKmpjFS24YK0vl69KhqNauARTgxQu5mvlifHmu7xO80bigXi6NzA5VyyCMHO1SKVFJwPBVHHfauQCenSRm2PDQ==
   dependencies:
     "@emotion/use-insertion-effect-with-fallbacks" "^1.0.0"
-    "@storybook/client-logger" "7.0.17"
+    "@storybook/client-logger" "7.0.23"
     "@storybook/global" "^5.0.0"
     memoizerific "^1.11.3"
 
-"@storybook/types@7.0.17":
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/@storybook/types/-/types-7.0.17.tgz#f418166a9f03e78592578218600a0431c1cdee89"
-  integrity sha512-orjuWtGIIW/S+dvEtA+aqByh4tTHpsNGqJMGcI0Ec6wW4Wv7s62pFvIuU0lWC/fL6Hot/bTY7tSeqrQrTLplog==
+"@storybook/types@7.0.23":
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/@storybook/types/-/types-7.0.23.tgz#08ae3223e97ed1baa9aa715745a05ae83311425c"
+  integrity sha512-ziszL3OfhTT5PHE7kiQjWWx3Lw3qro8eLX+56dXDNgmft5LS66yEANcaA7OzxLnEgdyWSxJqgrVo6r0JwHp2Eg==
   dependencies:
-    "@storybook/channels" "7.0.17"
+    "@storybook/channels" "7.0.23"
     "@types/babel__core" "^7.0.0"
     "@types/express" "^4.7.0"
     file-system-cache "^2.0.0"
@@ -3229,28 +4269,28 @@
   dependencies:
     defer-to-connect "^2.0.0"
 
-"@testing-library/dom@^8.0.0", "@testing-library/dom@^8.12.0":
-  version "8.16.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.16.0.tgz#d6fc50250aed17b1035ca1bd64655e342db3936a"
-  integrity sha512-uxF4zmnLHHDlmW4l+0WDjcgLVwCvH+OVLpD8Dfp+Bjfz85prwxWGbwXgJdLtkgjD0qfOzkJF9SmA6YZPsMYX4w==
+"@testing-library/dom@^8.0.0", "@testing-library/dom@^8.3.0":
+  version "8.20.1"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.20.1.tgz#2e52a32e46fc88369eef7eef634ac2a192decd9f"
+  integrity sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==
   dependencies:
     "@babel/code-frame" "^7.10.4"
     "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^4.2.0"
-    aria-query "^5.0.0"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.1.3"
     chalk "^4.1.0"
     dom-accessibility-api "^0.5.9"
-    lz-string "^1.4.4"
+    lz-string "^1.5.0"
     pretty-format "^27.0.2"
 
-"@testing-library/dom@^8.3.0":
-  version "8.20.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.20.0.tgz#914aa862cef0f5e89b98cc48e3445c4c921010f6"
-  integrity sha512-d9ULIT+a4EXLX3UU8FBjauG9NnsZHkHztXoIcTsOKoOw030fyjheN9svkTULjJxtYag9DZz5Jz5qkWZDPxTFwA==
+"@testing-library/dom@^8.12.0":
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.16.0.tgz#d6fc50250aed17b1035ca1bd64655e342db3936a"
+  integrity sha512-uxF4zmnLHHDlmW4l+0WDjcgLVwCvH+OVLpD8Dfp+Bjfz85prwxWGbwXgJdLtkgjD0qfOzkJF9SmA6YZPsMYX4w==
   dependencies:
     "@babel/code-frame" "^7.10.4"
     "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^5.0.1"
+    "@types/aria-query" "^4.2.0"
     aria-query "^5.0.0"
     chalk "^4.1.0"
     dom-accessibility-api "^0.5.9"
@@ -3336,12 +4376,12 @@
     "@types/babel__traverse" "*"
 
 "@types/babel__core@^7.1.0":
-  version "7.1.9"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.9.tgz#77e59d438522a6fb898fa43dc3455c6e72f3963d"
-  integrity sha512-sY2RsIJ5rpER1u3/aQ8OFSI7qGIy8o1NEEbgb2UaJcvOtXOMpd39ko723NBpjQFg9SIX7TXtjejZVGeIMLhoOw==
+  version "7.20.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
+  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
   dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
     "@types/babel__generator" "*"
     "@types/babel__template" "*"
     "@types/babel__traverse" "*"
@@ -3398,6 +4438,13 @@
   resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.8.tgz#5702f74f78b73e13f1eb1bd435c2c9de61a250d4"
   integrity sha512-LzF540VOFabhS2TR2yYFz2Mu/fTfkA+5AwYddtJbOJGwnYrr2e7fHadT7/Z3jNGJJdCRlO3ySxmW26NgRdwhNA==
 
+"@types/cheerio@^0.22.22":
+  version "0.22.31"
+  resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.31.tgz#b8538100653d6bb1b08a1e46dec75b4f2a5d5eb6"
+  integrity sha512-Kt7Cdjjdi2XWSfrZ53v4Of0wG3ZcmaegFXjMmz9tfNrZSkzzo36G0AL1YqSdcIA78Etjt6E609pt5h1xnQkPUw==
+  dependencies:
+    "@types/node" "*"
+
 "@types/chroma-js@^2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@types/chroma-js/-/chroma-js-2.0.0.tgz#b0fc98c8625d963f14e8138e0a7961103303ab22"
@@ -3429,9 +4476,9 @@
     "@types/node" "*"
 
 "@types/detect-port@^1.3.0":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@types/detect-port/-/detect-port-1.3.2.tgz#8c06a975e472803b931ee73740aeebd0a2eb27ae"
-  integrity sha512-xxgAGA2SAU4111QefXPSp5eGbDm/hW6zhvYl9IeEPZEry9F4d66QAHm5qpUXjb6IsevZV/7emAEx5MhP6O192g==
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/@types/detect-port/-/detect-port-1.3.3.tgz#124c5d4c283f48a21f80826bcf39433b3e64aa81"
+  integrity sha512-bV/jQlAJ/nPY3XqSatkGpu+nGzou+uSwrH1cROhn+jBFg47yaNH+blW4C7p9KhopC7QxCv/6M86s37k8dMk0Yg==
 
 "@types/doctrine@^0.0.3":
   version "0.0.3"
@@ -3444,12 +4491,12 @@
   integrity sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==
 
 "@types/enzyme@^3.10.5":
-  version "3.10.6"
-  resolved "https://registry.yarnpkg.com/@types/enzyme/-/enzyme-3.10.6.tgz#a34a6b09ff732be29c194dc8d786555f4717fd85"
-  integrity sha512-Jxyn2U+UfhmrE7EaeZYfV1sPA5OEDuZmg9Lxj8TxOnfCn71flf0Cn1136LWdCVYj7yapLFmUWqKCcgplWNZCJg==
+  version "3.10.13"
+  resolved "https://registry.yarnpkg.com/@types/enzyme/-/enzyme-3.10.13.tgz#332c0ed59b01f7b1c398c532a1c21a5feefabeb1"
+  integrity sha512-FCtoUhmFsud0Yx9fmZk179GkdZ4U9B0GFte64/Md+W/agx0L5SxsIIbhLBOxIb9y2UfBA4WQnaG1Od/UsUQs9Q==
   dependencies:
     "@types/cheerio" "*"
-    "@types/react" "*"
+    "@types/react" "^16"
 
 "@types/escodegen@^0.0.6":
   version "0.0.6"
@@ -3582,7 +4629,7 @@
   resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
   integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==
 
-"@types/hoist-non-react-statics@^3.3.0":
+"@types/hoist-non-react-statics@^3.3.0", "@types/hoist-non-react-statics@^3.3.1":
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
   integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
@@ -3668,16 +4715,11 @@
   dependencies:
     "@types/node" "*"
 
-"@types/lodash@^4.14.167":
+"@types/lodash@^4.14.167", "@types/lodash@^4.14.194":
   version "4.14.195"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.195.tgz#bafc975b252eb6cea78882ce8a7b6bf22a6de632"
   integrity sha512-Hwx9EUgdwf2GLarOjQp5ZH8ZmblzcbTBC2wtQWNKARBSxM9ezRIAUpeDTgoQRAFB0+8CNWXVA9+MaSOzOF3nPg==
 
-"@types/lodash@^4.14.194":
-  version "4.14.194"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.194.tgz#b71eb6f7a0ff11bff59fc987134a093029258a76"
-  integrity sha512-r22s9tAS7imvBt2lyHC9B8AGwWnXaYb1tY09oyLkXDs4vArpYJzw09nj8MLx5VfciBPGIb+ZwG0ssYnEPJxn/g==
-
 "@types/mdast@^3.0.0":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.3.tgz#2d7d671b1cd1ea3deb306ea75036c2a0407d2deb"
@@ -3720,7 +4762,7 @@
   resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.2.tgz#ee771e2ba4b3dc5b372935d549fd9617bf345b8c"
   integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
 
-"@types/node-fetch@^2.5.7":
+"@types/node-fetch@^2.5.7", "@types/node-fetch@^2.6.4":
   version "2.6.4"
   resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.4.tgz#1bc3a26de814f6bf466b25aeb1473fa1afe6a660"
   integrity sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==
@@ -3744,9 +4786,9 @@
   integrity sha512-qjd88DrCxupx/kJD5yQgZdcYKZKSIGBVDIBE1/LTGcNm3d2Np/jxojkdePDdfnBHJc5W7vSMpbJ1aB7p/Py69A==
 
 "@types/node@^16.0.0":
-  version "16.18.33"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.33.tgz#0e91a6e18a006d3acfb3efa797cdcfc3a6598cd0"
-  integrity sha512-WjW7iYRVtePnSeLxVfE1e+g1yStJrfR9Anuv4y6JZVgOqYyFcW7GhPBk2/J1d0rC4ZNLrI13lS4e32NUuuRmHA==
+  version "16.18.36"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.36.tgz#0db5d7efc4760d36d0d1d22c85d1a53accd5dc27"
+  integrity sha512-8egDX8dE50XyXWH6C6PRCNkTP106DuUrvdrednFouDSmCi7IOvrqr0frznfZaHifHH/3aq/7a7v9N4wdXMqhBQ==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"
@@ -3803,17 +4845,17 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
-"@types/react-beautiful-dnd@^13.1.2":
-  version "13.1.2"
-  resolved "https://registry.yarnpkg.com/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.2.tgz#510405abb09f493afdfd898bf83995dc6385c130"
-  integrity sha512-+OvPkB8CdE/bGdXKyIhc/Lm2U7UAYCCJgsqmopFmh9gbAudmslkI8eOrPDjg4JhwSE6wytz4a3/wRjKtovHVJg==
+"@types/react-dom@<18.0.0", "@types/react-dom@^17.0.11":
+  version "17.0.20"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.20.tgz#e0c8901469d732b36d8473b40b679ad899da1b53"
+  integrity sha512-4pzIjSxDueZZ90F52mU3aPoogkHIoSIDG+oQ+wQK7Cy2B9S+MvOqY0uEA/qawKz381qrEDkvpwyt8Bm31I8sbA==
   dependencies:
-    "@types/react" "*"
+    "@types/react" "^17"
 
-"@types/react-dom@<18.0.0", "@types/react-dom@>=16.9.0", "@types/react-dom@^17.0.11":
-  version "17.0.11"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.11.tgz#e1eadc3c5e86bdb5f7684e00274ae228e7bcc466"
-  integrity sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==
+"@types/react-dom@>=16.9.0":
+  version "18.2.6"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.6.tgz#ad621fa71a8db29af7c31b41b2ea3d8a6f4144d1"
+  integrity sha512-2et4PDvg6PVCyS7fuTc4gPoksV58bW0RwSxWKcPRcHZf0PRUGq03TKcD/rUHe3azfV6/5/biUBJw+HhCQjaP0A==
   dependencies:
     "@types/react" "*"
 
@@ -3879,19 +4921,37 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@>=16.9.0", "@types/react@^17.0.38":
-  version "17.0.38"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd"
-  integrity sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ==
+"@types/react@*":
+  version "18.2.6"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.6.tgz#5cd53ee0d30ffc193b159d3516c8c8ad2f19d571"
+  integrity sha512-wRZClXn//zxCFW+ye/D2qY65UsYP1Fpex2YXorHc8awoNamkMZSvBxwxdYVInsHOZZd2Ppq8isnSzJL5Mpf8OA==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/react@>=16", "@types/react@>=16.9.0":
+  version "18.2.13"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.13.tgz#a98c09bde8b18f80021935b11d2d29ef5f4dcb2f"
+  integrity sha512-vJ+zElvi/Zn9cVXB5slX2xL8PZodPCwPRDpittQdw43JR2AJ5k3vKdgJJyneV/cYgIbLQUwXa9JVDvUZXGba+Q==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/react@^16":
+  version "16.14.43"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.43.tgz#bc6e7a0e99826809591d38ddf1193955de32c446"
+  integrity sha512-7zdjv7jvoLLQg1tTvpQsm+hyNUMT2mPlNV1+d0I8fbGhkJl82spopMyBlu4wb1dviZAxpGdk5eHu/muacknnfw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
-"@types/react@>=16":
-  version "18.2.7"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.7.tgz#dfb4518042a3117a045b8c222316f83414a783b3"
-  integrity sha512-ojrXpSH2XFCmHm7Jy3q44nXDyN54+EYKP2lBhJ2bqfyPj6cIUW/FZW/Csdia34NQgq7KYcAlHi5184m4X88+yw==
+"@types/react@^17", "@types/react@^17.0.38":
+  version "17.0.62"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.62.tgz#2efe8ddf8533500ec44b1334dd1a97caa2f860e3"
+  integrity sha512-eANCyz9DG8p/Vdhr0ZKST8JV12PhH2ACCDYlFw6DIO+D+ca+uP4jtEDEpVqXZrh/uZdXQGwk7whJa3ah5DtyLw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -4003,6 +5063,11 @@
   resolved "https://registry.yarnpkg.com/@types/url-parse/-/url-parse-1.4.8.tgz#c3825047efbca1295b7f1646f38203d9145130d6"
   integrity sha512-zqqcGKyNWgTLFBxmaexGUKQyWqeG7HjXj20EuQJSJWwXe54BjX0ihIo5cJB9yAQzH8dNugJ9GvkBYMjPXs/PJw==
 
+"@types/use-sync-external-store@^0.0.3":
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz#b6725d5f4af24ace33b36fafd295136e75509f43"
+  integrity sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==
+
 "@types/uuid@^8.3.0":
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-8.3.0.tgz#215c231dff736d5ba92410e6d602050cce7e273f"
@@ -4064,14 +5129,14 @@
     "@types/node" "*"
 
 "@typescript-eslint/eslint-plugin@^5.59.7":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.7.tgz#e470af414f05ecfdc05a23e9ce6ec8f91db56fe2"
-  integrity sha512-BL+jYxUFIbuYwy+4fF86k5vdT9lT0CNJ6HtwrIvGh0PhH8s0yy5rjaKH2fDCrz5ITHy07WCzVGNvAmjJh4IJFA==
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.60.0.tgz#2f4bea6a3718bed2ba52905358d0f45cd3620d31"
+  integrity sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==
   dependencies:
     "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.59.7"
-    "@typescript-eslint/type-utils" "5.59.7"
-    "@typescript-eslint/utils" "5.59.7"
+    "@typescript-eslint/scope-manager" "5.60.0"
+    "@typescript-eslint/type-utils" "5.60.0"
+    "@typescript-eslint/utils" "5.60.0"
     debug "^4.3.4"
     grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
@@ -4092,13 +5157,13 @@
     eslint-utils "^2.0.0"
 
 "@typescript-eslint/parser@^5.59.7":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.59.7.tgz#02682554d7c1028b89aa44a48bf598db33048caa"
-  integrity sha512-VhpsIEuq/8i5SF+mPg9jSdIwgMBBp0z9XqjiEay+81PYLJuroN+ET1hM5IhkiYMJd9MkTz8iJLt7aaGAgzWUbQ==
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.60.0.tgz#08f4daf5fc6548784513524f4f2f359cebb4068a"
+  integrity sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.59.7"
-    "@typescript-eslint/types" "5.59.7"
-    "@typescript-eslint/typescript-estree" "5.59.7"
+    "@typescript-eslint/scope-manager" "5.60.0"
+    "@typescript-eslint/types" "5.60.0"
+    "@typescript-eslint/typescript-estree" "5.60.0"
     debug "^4.3.4"
 
 "@typescript-eslint/scope-manager@4.4.0":
@@ -4109,21 +5174,21 @@
     "@typescript-eslint/types" "4.4.0"
     "@typescript-eslint/visitor-keys" "4.4.0"
 
-"@typescript-eslint/scope-manager@5.59.7":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.7.tgz#0243f41f9066f3339d2f06d7f72d6c16a16769e2"
-  integrity sha512-FL6hkYWK9zBGdxT2wWEd2W8ocXMu3K94i3gvMrjXpx+koFYdYV7KprKfirpgY34vTGzEPPuKoERpP8kD5h7vZQ==
+"@typescript-eslint/scope-manager@5.60.0":
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.60.0.tgz#ae511967b4bd84f1d5e179bb2c82857334941c1c"
+  integrity sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==
   dependencies:
-    "@typescript-eslint/types" "5.59.7"
-    "@typescript-eslint/visitor-keys" "5.59.7"
+    "@typescript-eslint/types" "5.60.0"
+    "@typescript-eslint/visitor-keys" "5.60.0"
 
-"@typescript-eslint/type-utils@5.59.7":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.59.7.tgz#89c97291371b59eb18a68039857c829776f1426d"
-  integrity sha512-ozuz/GILuYG7osdY5O5yg0QxXUAEoI4Go3Do5xeu+ERH9PorHBPSdvD3Tjp2NN2bNLh1NJQSsQu2TPu/Ly+HaQ==
+"@typescript-eslint/type-utils@5.60.0":
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.60.0.tgz#69b09087eb12d7513d5b07747e7d47f5533aa228"
+  integrity sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.59.7"
-    "@typescript-eslint/utils" "5.59.7"
+    "@typescript-eslint/typescript-estree" "5.60.0"
+    "@typescript-eslint/utils" "5.60.0"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
@@ -4132,15 +5197,10 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.4.0.tgz#63440ef87a54da7399a13bdd4b82060776e9e621"
   integrity sha512-nU0VUpzanFw3jjX+50OTQy6MehVvf8pkqFcURPAE06xFNFenMj1GPEI6IESvp7UOHAnq+n/brMirZdR+7rCrlA==
 
-"@typescript-eslint/types@5.59.10":
-  version "5.59.10"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.10.tgz#e765f653081eb91318ff7f32d9535a96f4b7c6c5"
-  integrity sha512-SEvEzdTbOgiaK8B891Zx7z92v3DBLzYvqWq2Jp5ne/4q8OUAb6Ydm/Ge4A0EawTezzmFR+09LJWFWzVztEifeA==
-
-"@typescript-eslint/types@5.59.7":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.7.tgz#6f4857203fceee91d0034ccc30512d2939000742"
-  integrity sha512-UnVS2MRRg6p7xOSATscWkKjlf/NDKuqo5TdbWck6rIRZbmKpVNTLALzNvcjIfHBE7736kZOFc/4Z3VcZwuOM/A==
+"@typescript-eslint/types@5.60.0":
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.60.0.tgz#3179962b28b4790de70e2344465ec97582ce2558"
+  integrity sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==
 
 "@typescript-eslint/typescript-estree@1.11.0":
   version "1.11.0"
@@ -4164,43 +5224,30 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/typescript-estree@5.59.7":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.7.tgz#b887acbd4b58e654829c94860dbff4ac55c5cff8"
-  integrity sha512-4A1NtZ1I3wMN2UGDkU9HMBL+TIQfbrh4uS0WDMMpf3xMRursDbqEf1ahh6vAAe3mObt8k3ZATnezwG4pdtWuUQ==
-  dependencies:
-    "@typescript-eslint/types" "5.59.7"
-    "@typescript-eslint/visitor-keys" "5.59.7"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/typescript-estree@^5.47.0":
-  version "5.59.10"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.10.tgz#da83f0b79367c6e209784e13d1d42fe216d9ed10"
-  integrity sha512-orXkvjDDAcB6gyxLCqdoJF5KcOHI6RBoizMj4AhgXyidifJHL3gqib3nNbQ2VNDQfJRnyc6pkezN63QAkEWDUA==
+"@typescript-eslint/typescript-estree@5.60.0", "@typescript-eslint/typescript-estree@^5.47.0":
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz#4ddf1a81d32a850de66642d9b3ad1e3254fb1600"
+  integrity sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==
   dependencies:
-    "@typescript-eslint/types" "5.59.10"
-    "@typescript-eslint/visitor-keys" "5.59.10"
+    "@typescript-eslint/types" "5.60.0"
+    "@typescript-eslint/visitor-keys" "5.60.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.59.7", "@typescript-eslint/utils@^5.45.0":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.59.7.tgz#7adf068b136deae54abd9a66ba5a8780d2d0f898"
-  integrity sha512-yCX9WpdQKaLufz5luG4aJbOpdXf/fjwGMcLFXZVPUz3QqLirG5QcwwnIHNf8cjLjxK4qtzTO8udUtMQSAToQnQ==
+"@typescript-eslint/utils@5.60.0", "@typescript-eslint/utils@^5.45.0":
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.60.0.tgz#4667c5aece82f9d4f24a667602f0f300864b554c"
+  integrity sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@types/json-schema" "^7.0.9"
     "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.59.7"
-    "@typescript-eslint/types" "5.59.7"
-    "@typescript-eslint/typescript-estree" "5.59.7"
+    "@typescript-eslint/scope-manager" "5.60.0"
+    "@typescript-eslint/types" "5.60.0"
+    "@typescript-eslint/typescript-estree" "5.60.0"
     eslint-scope "^5.1.1"
     semver "^7.3.7"
 
@@ -4212,20 +5259,12 @@
     "@typescript-eslint/types" "4.4.0"
     eslint-visitor-keys "^2.0.0"
 
-"@typescript-eslint/visitor-keys@5.59.10":
-  version "5.59.10"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.10.tgz#40c6337cdf59ff67cc3787051ae259bbe6a15eb7"
-  integrity sha512-AdeBi2ItKCtUd+SpNMNKFoaA8QM5IoXPBEXXHsbRn+J51Pk4yWQVf4uah67r9msAojmbtjDquyNqxXPFNJ38yg==
+"@typescript-eslint/visitor-keys@5.60.0":
+  version "5.60.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.60.0.tgz#b48b29da3f5f31dd1656281727004589d2722a66"
+  integrity sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==
   dependencies:
-    "@typescript-eslint/types" "5.59.10"
-    eslint-visitor-keys "^3.3.0"
-
-"@typescript-eslint/visitor-keys@5.59.7":
-  version "5.59.7"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.7.tgz#09c36eaf268086b4fbb5eb9dc5199391b6485fc5"
-  integrity sha512-tyN+X2jvMslUszIiYbF0ZleP+RqQsFVpGrKI6e0Eet1w8WmhsAtmzaqm8oM8WJQ1ysLwhnsK/4hYHJjOgJVfQQ==
-  dependencies:
-    "@typescript-eslint/types" "5.59.7"
+    "@typescript-eslint/types" "5.60.0"
     eslint-visitor-keys "^3.3.0"
 
 "@webassemblyjs/ast@1.11.1":
@@ -4488,21 +5527,21 @@
   integrity sha512-oxnCNGj88fL+xzV+dacXs44HcDwf1ovs3AuEzvP7mqXw7fQntqIhQ1BRmynh4qEKQSSSRSWVyXRjmTbZIX9V2Q==
 
 "@wojtekmaj/enzyme-adapter-react-17@^0.6.6":
-  version "0.6.6"
-  resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-react-17/-/enzyme-adapter-react-17-0.6.6.tgz#2ee3d4956caea4de05e372e5d9f39b31becffe6a"
-  integrity sha512-gSfhg8CiL0Vwc2UgUblGVZIy7M0KyXaZsd8+QwzV8TSVRLkGyzdLtYEcs9wRWyQTsdmOd+oRGqbVgUX7AVJxug==
+  version "0.6.7"
+  resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-react-17/-/enzyme-adapter-react-17-0.6.7.tgz#7784bd32f518b186218cebb26c98c852676f30b0"
+  integrity sha512-B+byiwi/T1bx5hcj9wc0fUL5Hlb5giSXJzcnEfJVl2j6dGV2NJfcxDBYX0WWwIxlzNiFz8kAvlkFWI2y/nscZQ==
   dependencies:
-    "@wojtekmaj/enzyme-adapter-utils" "^0.1.2"
+    "@wojtekmaj/enzyme-adapter-utils" "^0.1.4"
     enzyme-shallow-equal "^1.0.0"
     has "^1.0.0"
     prop-types "^15.7.0"
     react-is "^17.0.0"
     react-test-renderer "^17.0.0"
 
-"@wojtekmaj/enzyme-adapter-utils@^0.1.2":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-utils/-/enzyme-adapter-utils-0.1.2.tgz#82b81801e234b8f1febde91b243aaa8c5ba4aaa9"
-  integrity sha512-MM/DqDqvxNVlWLqSVQiUbRN9MuDLJfefmPbJ8ZKdmdf5ID8G+i42XhFpoQh5bAZUCdwzRae3+WSZl2lXcFOrhw==
+"@wojtekmaj/enzyme-adapter-utils@^0.1.4":
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-utils/-/enzyme-adapter-utils-0.1.4.tgz#bcd411ad6e368f17dce5425582c2907104cdb1ad"
+  integrity sha512-ARGIQSIIv3oBia1m5Ihn1VU0FGmft6KPe39SBKTb8p7LSXO23YI4kNtc4M/cKoIY7P+IYdrZcgMObvedyjoSQA==
   dependencies:
     function.prototype.name "^1.1.0"
     has "^1.0.0"
@@ -4535,9 +5574,9 @@ JSONStream@^1.2.1, JSONStream@^1.3.5:
     through ">=2.2.7 <3"
 
 abab@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
-  integrity sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
 abbrev@1:
   version "1.1.1"
@@ -4591,9 +5630,9 @@ acorn@^5.5.3:
   integrity sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==
 
 acorn@^6.0.1:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
-  integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
+  integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
 
 acorn@^7.4.1:
   version "7.4.1"
@@ -4605,10 +5644,10 @@ acorn@^8.5.0, acorn@^8.7.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
   integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
 
-acorn@^8.8.0:
-  version "8.8.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
-  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
+acorn@^8.8.0, acorn@^8.8.2:
+  version "8.9.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.9.0.tgz#78a16e3b2bcc198c10822786fa6679e245db5b59"
+  integrity sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==
 
 address@^1.0.1:
   version "1.2.2"
@@ -4940,13 +5979,25 @@ aria-hidden@^1.2.2:
   dependencies:
     tslib "^2.0.0"
 
-aria-query@^5.0.0, aria-query@^5.1.3:
+aria-query@5.1.3:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
   integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
   dependencies:
     deep-equal "^2.0.5"
 
+aria-query@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.0.0.tgz#210c21aaf469613ee8c9a62c7f86525e058db52c"
+  integrity sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg==
+
+aria-query@^5.1.3:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.2.1.tgz#bc285d9d654d1df121bcd0c134880d415ca67c15"
+  integrity sha512-7uFg4b+lETFgdaJyETnILsXgnnzVnkHcgRbwbPwevm5x/LmUlt3MjczMRe1zg824iBgXZNRPTBftNYyRSKLp2g==
+  dependencies:
+    dequal "^2.0.3"
+
 arr-diff@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
@@ -4978,7 +6029,7 @@ array-differ@^3.0.0:
 array-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
-  integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
+  integrity sha512-H3LU5RLiSsGXPhN+Nipar0iR0IofH+8r89G2y1tBKxQ/agagKyAjhkAFDRBfodP2caPrNKHpAWNIM/c9yeL7uA==
 
 array-filter@^1.0.0:
   version "1.0.0"
@@ -5038,7 +6089,15 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
-array.prototype.flat@^1.2.3, array.prototype.flat@^1.3.1:
+array.prototype.flat@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.3.tgz#0de82b426b0318dbfdb940089e38b043d37f6c7b"
+  integrity sha512-gBlRZV0VSmfPIeWfuuy56XZMvbVfbEUnOXUvt3F/eUUUSyzlgLxhEX4YAEpxNAogRGehPSnfXyPtYyKAhkzQhQ==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+
+array.prototype.flat@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz#ffc6576a7ca3efc2f46a143b9d1dda9b4b3cf5e2"
   integrity sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==
@@ -5058,6 +6117,17 @@ array.prototype.flatmap@^1.3.1:
     es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
+array.prototype.reduce@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
+  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    es-array-method-boxes-properly "^1.0.0"
+    is-string "^1.0.7"
+
 array.prototype.tosorted@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz#ccf44738aa2b5ac56578ffda97c03fd3e23dd532"
@@ -5148,9 +6218,9 @@ astral-regex@^2.0.0:
   integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
 
 async-limiter@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
-  integrity sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
+  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
 
 async@0.9.x:
   version "0.9.2"
@@ -5222,10 +6292,15 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
   integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
 
-axe-core@^4.4.1, axe-core@^4.6.2:
-  version "4.7.1"
-  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.1.tgz#04392c9ccb3d7d7c5d2f8684f148d56d3442f33d"
-  integrity sha512-sCXXUhA+cljomZ3ZAwb8i1p3oOlkABzPy08ZDAoGcYuvtBPlQ1Ytde129ArXyHWDhfeewq7rlx9F+cUx2SSlkg==
+axe-core@^4.4.1:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.4.1.tgz#7dbdc25989298f9ad006645cd396782443757413"
+  integrity sha512-gd1kmb21kwNuWr6BQz8fv6GNECPBnUasepcoLbekws23NVBLODdsClRZ+bQ8+9Uomf3Sm3+Vwn0oYG9NvwnJCw==
+
+axe-core@^4.6.2:
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.2.tgz#040a7342b20765cb18bb50b628394c21bccc17a0"
+  integrity sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==
 
 axios@^0.18.0, axios@^0.18.1:
   version "0.18.1"
@@ -5243,11 +6318,11 @@ axios@^0.19.2:
     follow-redirects "1.5.10"
 
 axobject-query@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-3.1.1.tgz#3b6e5c6d4e43ca7ba51c5babf99d22a9c68485e1"
-  integrity sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-3.2.1.tgz#39c378a6e3b06ca679f29138151e45b2b32da62a"
+  integrity sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==
   dependencies:
-    deep-equal "^2.0.5"
+    dequal "^2.0.3"
 
 babel-core@^7.0.0-bridge.0:
   version "7.0.0-bridge.0"
@@ -5355,6 +6430,15 @@ babel-plugin-polyfill-corejs2@^0.3.3:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
     semver "^6.1.1"
 
+babel-plugin-polyfill-corejs2@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.3.tgz#75044d90ba5043a5fb559ac98496f62f3eb668fd"
+  integrity sha512-bM3gHc337Dta490gg+/AseNB9L4YLHxq1nGKZZSHbhXv4aTYU2MD2cjza1Ru4S6975YLTaL1K8uJf6ukJhhmtw==
+  dependencies:
+    "@babel/compat-data" "^7.17.7"
+    "@babel/helper-define-polyfill-provider" "^0.4.0"
+    semver "^6.1.1"
+
 babel-plugin-polyfill-corejs3@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz#56ad88237137eade485a71b52f72dbed57c6230a"
@@ -5363,6 +6447,14 @@ babel-plugin-polyfill-corejs3@^0.6.0:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
     core-js-compat "^3.25.1"
 
+babel-plugin-polyfill-corejs3@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.1.tgz#39248263c38191f0d226f928d666e6db1b4b3a8a"
+  integrity sha512-ikFrZITKg1xH6pLND8zT14UPgjKHiGLqex7rGEZCH2EvhsneJaJPemmpQaIZV5AL03II+lXylw3UmddDK8RU5Q==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.0"
+    core-js-compat "^3.30.1"
+
 babel-plugin-polyfill-regenerator@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.4.1.tgz#390f91c38d90473592ed43351e801a9d3e0fd747"
@@ -5370,6 +6462,13 @@ babel-plugin-polyfill-regenerator@^0.4.1:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
 
+babel-plugin-polyfill-regenerator@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.0.tgz#e7344d88d9ef18a3c47ded99362ae4a757609380"
+  integrity sha512-hDJtKjMLVa7Z+LwnTCxoDLQj6wdc+B8dun7ayF2fYieI6OzfuvcLMB32ihJZ4UhCBwNYGl5bg/x/P9cMdnkc2g==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.0"
+
 babel-plugin-react-docgen@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-4.2.1.tgz#7cc8e2f94e8dc057a06e953162f0810e4e72257b"
@@ -5611,7 +6710,7 @@ boxen@^1.2.1:
     term-size "^1.2.0"
     widest-line "^2.0.0"
 
-boxen@^5.0.0, boxen@^5.1.2:
+boxen@^5.0.0:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/boxen/-/boxen-5.1.2.tgz#788cb686fc83c1f486dfa8a40c68fc2b831d2b50"
   integrity sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ==
@@ -5776,9 +6875,9 @@ bytes@3.1.2:
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
 c8@^7.6.0:
-  version "7.13.0"
-  resolved "https://registry.yarnpkg.com/c8/-/c8-7.13.0.tgz#a2a70a851278709df5a9247d62d7f3d4bcb5f2e4"
-  integrity sha512-/NL4hQTv1gBL6J6ei80zu3IiTrmePDKXKXOTLpHvcIWZTVYQlDhVWjjWvkhICylE8EwwnMVzDZugCvdx0/DIIA==
+  version "7.14.0"
+  resolved "https://registry.yarnpkg.com/c8/-/c8-7.14.0.tgz#f368184c73b125a80565e9ab2396ff0be4d732f3"
+  integrity sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
     "@istanbuljs/schema" "^0.1.3"
@@ -6837,14 +7936,14 @@ content-type@~1.0.4:
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
   integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
 
-convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.7.0:
+convert-source-map@^1.1.0, convert-source-map@^1.5.0, convert-source-map@^1.7.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
   integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
   dependencies:
     safe-buffer "~5.1.1"
 
-convert-source-map@^1.6.0:
+convert-source-map@^1.4.0, convert-source-map@^1.6.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
@@ -6895,10 +7994,17 @@ core-js-compat@^3.25.1:
   dependencies:
     browserslist "^4.21.5"
 
+core-js-compat@^3.30.1, core-js-compat@^3.30.2:
+  version "3.31.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.31.0.tgz#4030847c0766cc0e803dcdfb30055d7ef2064bf1"
+  integrity sha512-hM7YCu1cU6Opx7MXNu0NuumM0ezNeAeRKadixyiQELWY3vT3De9S4J5ZBMraWV2vZnrE1Cirl0GtFtDtMUXzPw==
+  dependencies:
+    browserslist "^4.21.5"
+
 core-js-pure@^3.23.3:
-  version "3.30.2"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.30.2.tgz#005a82551f4af3250dcfb46ed360fad32ced114e"
-  integrity sha512-p/npFUJXXBkCCTIlEGBdghofn00jWG6ZOtdoIXSJmAu2QBvN0IqpZXWweOytcwE6cfx8ZvVUy1vw8zxhe4Y2vg==
+  version "3.31.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.31.0.tgz#052fd9e82fbaaf86457f5db1fadcd06f15966ff2"
+  integrity sha512-/AnE9Y4OsJZicCzIe97JP5XoPKQJfTuEG43aEVLFJGOJpyqELod+pE6LEl63DfG1Mp8wX97LDaDpy1GmLEUxlg==
 
 core-js-pure@^3.8.1:
   version "3.19.3"
@@ -7033,10 +8139,10 @@ crypto-random-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
-css-box-model@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/css-box-model/-/css-box-model-1.2.0.tgz#3a26377b4162b3200d2ede4b064ec5b6a75186d0"
-  integrity sha512-lri0br+jSNV0kkkiGEp9y9y3Njq2PmpqbeGWRFQJuZteZzY9iC9GZhQ8Y4WpPwM/2YocjHePxy14igJY7YKzkA==
+css-box-model@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/css-box-model/-/css-box-model-1.2.1.tgz#59951d3b81fd6b2074a62d49444415b0d2b4d7c1"
+  integrity sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==
   dependencies:
     tiny-invariant "^1.0.6"
 
@@ -7661,12 +8767,22 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
 
-deep-is@^0.1.3, deep-is@~0.1.3:
+deep-is@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
-deepmerge@^4.2.2, deepmerge@^4.3.1:
+deep-is@~0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepmerge@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
+  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+
+deepmerge@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
@@ -7720,7 +8836,14 @@ define-lazy-prop@^2.0.0:
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
-define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0:
+define-properties@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
+  integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
+  dependencies:
+    object-keys "^1.0.12"
+
+define-properties@^1.1.4, define-properties@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
   integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
@@ -7799,7 +8922,7 @@ dependency-graph@^0.9.0:
   resolved "https://registry.yarnpkg.com/dependency-graph/-/dependency-graph-0.9.0.tgz#11aed7e203bc8b00f48356d92db27b265c445318"
   integrity sha512-9YLIBURXj4DJMFALxXw9K3Y3rwb5Fk0X5/8ipCzaN84+gKxoHK43tVKRNakCQbiEx07E8Uwhuq21BpUagFhZ8w==
 
-dequal@^2.0.2:
+dequal@^2.0.2, dequal@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
@@ -8075,9 +9198,9 @@ dotenv-expand@^10.0.0:
   integrity sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==
 
 dotenv@^16.0.0:
-  version "16.0.3"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.3.tgz#115aec42bac5053db3c456db30cc243a5a836a07"
-  integrity sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==
+  version "16.3.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.1.tgz#369034de7d7e5b120972693352a3bf112172cc3e"
+  integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==
 
 downgrade-root@^1.0.0:
   version "1.2.2"
@@ -8266,10 +9389,10 @@ enhanced-resolve@^5.10.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
-enhanced-resolve@^5.14.1:
-  version "5.14.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.14.1.tgz#de684b6803724477a4af5d74ccae5de52c25f6b3"
-  integrity sha512-Vklwq2vDKtl0y/vtwjSesgJ5MYS7Etuk5txS8VdKL4AOS1aUlD96zqIfsOSLQsdv3xgMRbtkWM8eG9XDfKUPow==
+enhanced-resolve@^5.15.0:
+  version "5.15.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz#1af946c7d93603eb88e9896cee4904dc012e9c35"
+  integrity sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -8315,11 +9438,12 @@ enzyme-shallow-equal@^1.0.0, enzyme-shallow-equal@^1.0.1:
     object-is "^1.1.2"
 
 enzyme-to-json@^3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/enzyme-to-json/-/enzyme-to-json-3.5.0.tgz#3d536f1e8fb50d972360014fe2bd64e6a672f7dd"
-  integrity sha512-clusXRsiaQhG7+wtyc4t7MU8N3zCOgf4eY9+CeSenYzKlFST4lxerfOvnWd4SNaToKhkuba+w6m242YpQOS7eA==
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/enzyme-to-json/-/enzyme-to-json-3.6.2.tgz#94f85c413bcae8ab67be53b0a94b69a560e27823"
+  integrity sha512-Ynm6Z6R6iwQ0g2g1YToz6DWhxVnt8Dy1ijR2zynRKxTyBGA8rCDXU3rs2Qc4OKvUvc2Qoe1bcFK6bnPs20TrTg==
   dependencies:
-    lodash "^4.17.15"
+    "@types/cheerio" "^0.22.22"
+    lodash "^4.17.21"
     react-is "^16.12.0"
 
 enzyme@^3.11.0:
@@ -8399,7 +9523,33 @@ error@^7.0.2:
     string-template "~0.2.1"
     xtend "~4.0.0"
 
-es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
+es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.17.5, es-abstract@^1.19.0:
+  version "1.19.1"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.19.1.tgz#d4885796876916959de78edaa0df456627115ec3"
+  integrity sha512-2vJ6tjA/UfqLm2MPs7jxVybLoB8i1t1Jd9R3kISld20sIxPcTbLuggQOUxeWeAvIUkduv/CfMjuh4WmiXr2v9w==
+  dependencies:
+    call-bind "^1.0.2"
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    get-intrinsic "^1.1.1"
+    get-symbol-description "^1.0.0"
+    has "^1.0.3"
+    has-symbols "^1.0.2"
+    internal-slot "^1.0.3"
+    is-callable "^1.2.4"
+    is-negative-zero "^2.0.1"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.1"
+    is-string "^1.0.7"
+    is-weakref "^1.0.1"
+    object-inspect "^1.11.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.2"
+    string.prototype.trimend "^1.0.4"
+    string.prototype.trimstart "^1.0.4"
+    unbox-primitive "^1.0.1"
+
+es-abstract@^1.20.4, es-abstract@^1.21.2:
   version "1.21.2"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
   integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
@@ -8439,6 +9589,11 @@ es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstrac
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.9"
 
+es-array-method-boxes-properly@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
+  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
+
 es-get-iterator@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
@@ -8460,9 +9615,9 @@ es-module-lexer@^0.9.0:
   integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
 es-module-lexer@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
-  integrity sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.3.0.tgz#6be9c9e0b4543a60cd166ff6f8b4e9dae0b0c16f"
+  integrity sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==
 
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
@@ -8571,6 +9726,11 @@ escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
@@ -8785,9 +9945,9 @@ eslint-visitor-keys@^1.1.0:
   integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
 
 eslint-visitor-keys@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
-  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8"
+  integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==
 
 eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   version "3.4.1"
@@ -8795,15 +9955,15 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   integrity sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==
 
 eslint@^8.41.0:
-  version "8.41.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.41.0.tgz#3062ca73363b4714b16dbc1e60f035e6134b6f1c"
-  integrity sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==
+  version "8.43.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.43.0.tgz#3e8c6066a57097adfd9d390b8fc93075f257a094"
+  integrity sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.4.0"
     "@eslint/eslintrc" "^2.0.3"
-    "@eslint/js" "8.41.0"
-    "@humanwhocodes/config-array" "^0.11.8"
+    "@eslint/js" "8.43.0"
+    "@humanwhocodes/config-array" "^0.11.10"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
     ajv "^6.10.0"
@@ -8867,12 +10027,22 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^4.1.1, estraverse@^4.2.0:
+estraverse@^4.1.1:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
   integrity sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=
 
-estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+estraverse@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0, estraverse@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880"
+  integrity sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==
+
+estraverse@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
@@ -8935,9 +10105,9 @@ events@^3.2.0:
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
 exec-sh@^0.3.2:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
-  integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.6.tgz#ff264f9e325519a60cb5e273692943483cca63bc"
+  integrity sha512-nQn+hI3yp+oD0huYhKwvYI32+JFeq+XkNcD1GAo3Y/MjxsfVGmrrzrnzjWiNY6f+pUCP440fThsFh5gZrRAU/w==
 
 execa@3.4.0:
   version "3.4.0"
@@ -9576,9 +10746,9 @@ flatten@^1.0.2:
   integrity sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=
 
 flow-parser@0.*:
-  version "0.206.0"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.206.0.tgz#f4f794f8026535278393308e01ea72f31000bfef"
-  integrity sha512-HVzoK3r6Vsg+lKvlIZzaWNBVai+FXTX1wdYhz/wVlH13tb/gOdLXmlTqy6odmTBhT5UoWUbq0k8263Qhr9d88w==
+  version "0.209.1"
+  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.209.1.tgz#b3ea7566469113abc660b4833a38ae8c599f0719"
+  integrity sha512-7YdhWfCsLRn31or7oK9M7Svd4WFk1qfj6VIFY/9S6HRyzBBiLlobNbUbitZHfdi0nhkik5S498UmF3phdzM6ug==
 
 flush-write-stream@^1.0.0:
   version "1.0.3"
@@ -9793,6 +10963,11 @@ fs-monkey@^1.0.3:
   resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
   integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
 
+fs-monkey@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.4.tgz#ee8c1b53d3fe8bb7e5d2c5c5dfc0168afdd2f747"
+  integrity sha512-INM/fWAxMICjttnD0DX1rBvinKskj5G1w+oy/pnm9u/tSlnBrzFonJMcalKJ30P8RRsPzKcCG7Q8l0jx5Fh9YQ==
+
 fs-readdir-recursive@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
@@ -9814,9 +10989,9 @@ fs.realpath@^1.0.0:
   integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
 
 fsevents@^1.2.7:
-  version "1.2.11"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.11.tgz#67bf57f4758f02ede88fb2a1712fef4d15358be3"
-  integrity sha512-+ux3lx6peh0BpvY0JebGyZoiR4D+oYzdPZMKJwkZ+sFkNJzpL7tXc/wehS49gUAxg3tmMHPHZkA8JU2rhhgDHw==
+  version "1.2.13"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
+  integrity sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==
   dependencies:
     bindings "^1.5.0"
     nan "^2.12.1"
@@ -9853,7 +11028,12 @@ function.prototype.name@^1.1.0, function.prototype.name@^1.1.2, function.prototy
     es-abstract "^1.19.0"
     functions-have-names "^1.2.2"
 
-functions-have-names@^1.2.2, functions-have-names@^1.2.3:
+functions-have-names@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.2.tgz#98d93991c39da9361f8e50b337c4f6e41f120e21"
+  integrity sha512-bLgc3asbWdwPbx2mNk2S49kmJCuQeu0nfmaOgbs8WIyzzkw3r4htszdIi9Q9EMezDPTYuJx2wvjZ/EwgAthpnA==
+
+functions-have-names@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
@@ -9913,14 +11093,22 @@ get-caller-file@^2.0.1, get-caller-file@^2.0.5:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz#d295644fed4505fc9cde952c37ee12b477a83d82"
-  integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
+  integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+
+get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz#7ad1dc0535f3a2904bba075772763e5051f6d05f"
+  integrity sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==
   dependencies:
     function-bind "^1.1.1"
     has "^1.0.3"
-    has-proto "^1.0.1"
     has-symbols "^1.0.3"
 
 get-nonce@^1.0.0:
@@ -10091,9 +11279,9 @@ glob-parent@^6.0.2:
     is-glob "^4.0.3"
 
 glob-promise@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-promise/-/glob-promise-6.0.2.tgz#7c7f2a223e3aaa8f7bd7ff5f24d0ab2352724b31"
-  integrity sha512-Ni2aDyD1ekD6x8/+K4hDriRDbzzfuK4yKpqSymJ4P7IxbtARiOOuU+k40kbHM0sLIlbf1Qh0qdMkAHMZYE6XJQ==
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/glob-promise/-/glob-promise-6.0.3.tgz#e6b3ab02d350b3f4b3e15b57e4485986e41ba2fe"
+  integrity sha512-m+kxywR5j/2Z2V9zvHKfwwL5Gp7gIFEBX+deTB9w2lJB+wSuw9kcS43VfvTAMk8TXL5JCl/cCjsR+tgNVspGyA==
   dependencies:
     "@types/glob" "^8.0.0"
 
@@ -10225,7 +11413,14 @@ globals@^13.19.0:
   dependencies:
     type-fest "^0.20.2"
 
-globalthis@^1.0.1, globalthis@^1.0.3:
+globalthis@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.1.tgz#40116f5d9c071f9e8fb0037654df1ab3a83b7ef9"
+  integrity sha512-mJPRTc/P39NH/iNG4mXa9aIhNymaQikTrnspeCa2ZuJ+mH2QN/rXwtX3XwKrHqWgUQFbNZKtHM105aHzJalElw==
+  dependencies:
+    define-properties "^1.1.3"
+
+globalthis@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
   integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
@@ -10410,7 +11605,7 @@ grouped-queue@^2.0.0:
 growly@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
-  integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
+  integrity sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==
 
 gunzip-maybe@^1.4.2:
   version "1.4.2"
@@ -10466,7 +11661,12 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-has-bigints@^1.0.1, has-bigints@^1.0.2:
+has-bigints@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
+  integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==
+
+has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
   integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
@@ -10508,7 +11708,12 @@ has-symbol-support-x@^1.4.1:
   resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.1.tgz#66ec2e377e0c7d7ccedb07a3a84d77510ff1bc4c"
   integrity sha512-JkaetveU7hFbqnAC1EV1sF4rlojU2D4Usc5CmS69l6NfmPDnpnFUegzFg33eDkkpNCxZ0mQp65HwUDrNFS/8MA==
 
-has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
+has-symbols@^1.0.1, has-symbols@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
+  integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
+
+has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
@@ -11072,7 +12277,12 @@ ignore@^3.3.5:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043"
   integrity sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==
 
-ignore@^5.1.4, ignore@^5.2.0, ignore@^5.2.4:
+ignore@^5.1.4, ignore@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
+  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+
+ignore@^5.2.4:
   version "5.2.4"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
   integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
@@ -11301,7 +12511,16 @@ inquirer@^9.1.4:
     through "^2.3.6"
     wrap-ansi "^8.0.1"
 
-internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
+internal-slot@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
+  integrity sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==
+  dependencies:
+    get-intrinsic "^1.1.0"
+    has "^1.0.3"
+    side-channel "^1.0.4"
+
+internal-slot@^1.0.4, internal-slot@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
   integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
@@ -11456,11 +12675,16 @@ is-buffer@^2.0.0, is-buffer@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623"
   integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==
 
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.1.5, is-callable@^1.2.7:
+is-callable@^1.1.3, is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
+is-callable@^1.1.4, is-callable@^1.1.5, is-callable@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
+  integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==
+
 is-ci@2.0.0, is-ci@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
@@ -11494,13 +12718,20 @@ is-color-stop@^1.0.0:
     rgb-regex "^1.0.1"
     rgba-regex "^1.0.0"
 
-is-core-module@^2.11.0, is-core-module@^2.5.0, is-core-module@^2.7.0, is-core-module@^2.9.0:
+is-core-module@^2.11.0, is-core-module@^2.7.0:
   version "2.12.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd"
   integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.5.0, is-core-module@^2.9.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed"
+  integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==
+  dependencies:
+    has "^1.0.3"
+
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
@@ -11515,7 +12746,12 @@ is-data-descriptor@^1.0.0:
   dependencies:
     kind-of "^6.0.0"
 
-is-date-object@^1.0.1, is-date-object@^1.0.5:
+is-date-object@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
+  integrity sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=
+
+is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
   integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
@@ -11679,6 +12915,11 @@ is-nan@^1.2.1:
     call-bind "^1.0.0"
     define-properties "^1.1.3"
 
+is-negative-zero@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
+  integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
+
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
@@ -11827,6 +13068,11 @@ is-set@^2.0.1, is-set@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
   integrity sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==
 
+is-shared-array-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz#97b0c85fbdacb59c9c446fe653b82cf2b5b7cfe6"
+  integrity sha512-IU0NmyknYZN0rChcKhRO1X8LYz5Isj/Fsqh8NJOSf+N/hCOTwy29F32Ik7a+QszE63IdvmwdTPDd6cZ5pg4cwA==
+
 is-shared-array-buffer@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
@@ -11911,6 +13157,13 @@ is-weakmap@^2.0.1:
   resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
   integrity sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==
 
+is-weakref@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.1.tgz#842dba4ec17fa9ac9850df2d6efbc1737274f2a2"
+  integrity sha512-b2jKc2pQZjaeFYWEf7ScFj+Be1I+PXmlu572Q8coTXZ+LD/QQZ7ShPMst8h16riVgyXTQwUsFEl74mDvc/3MHQ==
+  dependencies:
+    call-bind "^1.0.0"
+
 is-weakref@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
@@ -11966,7 +13219,7 @@ is-yarn-global@^0.3.0:
 isarray@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
-  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
+  integrity sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==
 
 isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
@@ -12407,9 +13660,9 @@ jest-mock@^27.0.6:
     "@types/node" "*"
 
 jest-pnp-resolver@^1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
-  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
+  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
 
 jest-regex-util@^24.3.0, jest-regex-util@^24.9.0:
   version "24.9.0"
@@ -12774,7 +14027,14 @@ json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
 
-json5@^1.0.1, json5@^1.0.2:
+json5@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
+  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
   integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
@@ -13000,7 +14260,7 @@ levn@^0.4.1:
 levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
+  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
   dependencies:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
@@ -13175,7 +14435,7 @@ lodash.padstart@^4.1.0:
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
-  integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
+  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
 
 lodash.toarray@^4.4.0:
   version "4.4.0"
@@ -13314,6 +14574,11 @@ lz-string@^1.4.4:
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
   integrity sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY=
 
+lz-string@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
+  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
+
 make-dir@^1.0.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
@@ -13404,13 +14669,6 @@ makeerror@1.0.12:
   dependencies:
     tmpl "1.0.5"
 
-makeerror@1.0.x:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
-  integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
-  dependencies:
-    tmpl "1.0.x"
-
 map-age-cleaner@^0.1.1, map-age-cleaner@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz#7d583a7306434c055fe474b0f45078e6e1b4b92a"
@@ -13461,9 +14719,9 @@ markdown-escapes@^1.0.0:
   integrity sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==
 
 markdown-to-jsx@^7.1.8:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.2.0.tgz#e7b46b65955f6a04d48a753acd55874a14bdda4b"
-  integrity sha512-3l4/Bigjm4bEqjCR6Xr+d4DtM1X6vvtGsMGSjJYyep8RjjIvcWtrXBS8Wbfe1/P+atKNMccpsraESIaWVplzVg==
+  version "7.2.1"
+  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.2.1.tgz#87061fd3176ad926ef3d99493e5c57f6335e0c51"
+  integrity sha512-9HrdzBAo0+sFz9ZYAGT5fB8ilzTW+q6lPocRxrIesMO+aB40V9MgFfbfMXxlGjf22OpRy+IXlvVaQenicdpgbg==
 
 matcher@^3.0.0:
   version "3.0.0"
@@ -13633,17 +14891,22 @@ memfs@^3.1.2, memfs@^3.4.3:
     fs-monkey "^1.0.3"
 
 memfs@^3.4.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.5.1.tgz#f0cd1e2bfaef58f6fe09bfb9c2288f07fea099ec"
-  integrity sha512-UWbFJKvj5k+nETdteFndTpYxdeTMox/ULeqX5k/dpaQJCCFmj5EeKv3dBcyO2xmkRAx2vppRu5dVG7SOtsGOzA==
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.5.3.tgz#d9b40fe4f8d5788c5f895bda804cd0d9eeee9f3b"
+  integrity sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==
   dependencies:
-    fs-monkey "^1.0.3"
+    fs-monkey "^1.0.4"
 
-"memoize-one@>=3.1.1 <6", memoize-one@^5.1.1:
+"memoize-one@>=3.1.1 <6":
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.1.1.tgz#047b6e3199b508eaec03504de71229b8eb1d75c0"
   integrity sha512-HKeeBpWvqiVJD57ZUAsJNm71eHTykffzcLZVYWiVfQeI1rJtuEaS7hQiEpWfVVk18donPwJEcFKIkCmPJNOhHA==
 
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
+
 memoizerific@^1.11.3:
   version "1.11.3"
   resolved "https://registry.yarnpkg.com/memoizerific/-/memoizerific-1.11.3.tgz#7c87a4646444c32d75438570905f2dbd1b1a805a"
@@ -13849,11 +15112,16 @@ minimist@1.2.0:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
 
-minimist@^1.1.0, minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
+minimist@^1.1.0, minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
   integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
 
+minimist@^1.1.1:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
 minipass-collect@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
@@ -14136,9 +15404,9 @@ n-readlines@1.0.0:
   integrity sha512-ISDqGcspVu6U3VKqtJZG1uR55SmNNF9uK0EMq1IvNVVZOui6MW6VR0+pIZhqz85ORAGp+4zW+5fJ/SE7bwEibA==
 
 nan@^2.12.1:
-  version "2.15.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.15.0.tgz#3f34a473ff18e15c1b5626b62903b5ad6e665fee"
-  integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==
+  version "2.17.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb"
+  integrity sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==
 
 nanoid@^2.1.0:
   version "2.1.11"
@@ -14150,6 +15418,11 @@ nanoid@^3.3.1, nanoid@^3.3.6:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
 
+nanoid@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -14229,9 +15502,9 @@ node-emoji@^1.10.0:
     lodash.toarray "^4.4.0"
 
 node-fetch-native@^1.0.2:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.1.1.tgz#b8977dd7fe6c5599e417301ed3987bca787d3d6f"
-  integrity sha512-9VvspTSUp2Sxbl+9vbZTlFGq9lHwE8GDVVekxx6YsNd1YH59sb3Ba8v3Y3cD8PkLNcileGGcA21PFjVl0jzDaw==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.2.0.tgz#13ec6df98f33168958dbfb6945f10aedf42e7ea8"
+  integrity sha512-5IAMBTl9p6PaAjYCnMv5FmqIF6GcZnawAVnzaCG0rX2aYZJ4CxEkZNtVPuTRug7fL7wyM5BQYTlAzcyMPi6oTQ==
 
 node-fetch-npm@^2.0.2:
   version "2.0.4"
@@ -14242,18 +15515,18 @@ node-fetch-npm@^2.0.2:
     json-parse-better-errors "^1.0.0"
     safe-buffer "^5.1.1"
 
-node-fetch@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
-  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
-
-node-fetch@^2.6.7:
+node-fetch@^2.0.0, node-fetch@^2.6.7:
   version "2.6.11"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.11.tgz#cde7fc71deef3131ef80a738919f999e6edfff25"
   integrity sha512-4I6pdBY1EthSqDmJkiNk3JIT8cswwR9nfeW/cPdUagJYEQG7R95WRH74wpz7ma8Gh/9dI9FP+OU+0E4FvtA55w==
   dependencies:
     whatwg-url "^5.0.0"
 
+node-fetch@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
+  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
+
 node-forge@^1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
@@ -14280,15 +15553,10 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
 
-node-modules-regexp@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
-  integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
-
 node-notifier@^5.4.2:
-  version "5.4.3"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
-  integrity sha512-M4UBGcs4jeOK9CjTsYwkvH6/MzuUmGCyTW+kCY7uO+1ZVr0+FHGdPdIf5CCLqAaxnRrWidyoQlNkMIIVwbKB8Q==
+  version "5.4.5"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.5.tgz#0cbc1a2b0f658493b4025775a13ad938e96091ef"
+  integrity sha512-tVbHs7DyTLtzOiN78izLA85zRqB9NvEXkAf014Vx3jtSvn/xBl6bR8ZYifj+dFcFrKI21huSQgJZ6ZtL3B4HfQ==
   dependencies:
     growly "^1.3.0"
     is-wsl "^1.1.0"
@@ -14351,7 +15619,7 @@ normalize-path@3.0.0, normalize-path@^3.0.0, normalize-path@~3.0.0:
 normalize-path@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
-  integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=
+  integrity sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==
   dependencies:
     remove-trailing-separator "^1.0.1"
 
@@ -14568,9 +15836,9 @@ numeral@^2.0.6:
   integrity sha1-StCAk21EPCVhrtnyGX7//iX05QY=
 
 nwsapi@^2.0.7:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
-  integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.4.tgz#fd59d5e904e8e1f03c25a7d5a15cfa16c714a1e5"
+  integrity sha512-NHj4rzRo0tQdijE9ZqAx6kYDcoRwYwSYzCA8MY3JzfxlrvEU0jhnhJT9BhqhJs7I/dKcrDm6TyulaRqZPIhN5g==
 
 nyc@15.1.0:
   version "15.1.0"
@@ -14624,12 +15892,17 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
-object-inspect@^1.12.3, object-inspect@^1.7.0, object-inspect@^1.9.0:
+object-inspect@^1.11.0, object-inspect@^1.7.0, object-inspect@^1.9.0:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.1.tgz#d4bd7d7de54b9a75599f59a00bd698c1f1c6549b"
+  integrity sha512-If7BjFlpkzzBeV1cqgT3OSWT3azyoxDGajR+iGnFBfVV2EWyDyWaZZW2ERDjUaY2QM8i5jI3Sj7mhsM4DDAqWA==
+
+object-inspect@^1.12.3:
   version "1.12.3"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
   integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
 
-object-is@^1.0.1, object-is@^1.0.2, object-is@^1.1.2, object-is@^1.1.5:
+object-is@^1.0.1, object-is@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
   integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
@@ -14637,7 +15910,15 @@ object-is@^1.0.1, object-is@^1.0.2, object-is@^1.1.2, object-is@^1.1.5:
     call-bind "^1.0.2"
     define-properties "^1.1.3"
 
-object-keys@^1.1.1:
+object-is@^1.0.2, object-is@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.2.tgz#c5d2e87ff9e119f78b7a088441519e2eec1573b6"
+  integrity sha512-5lHCz+0uufF6wZ7CRFWJN3hp8Jqblpgve06U5CMQ3f//6iDjPr2PEo9MWCjEssDsa+UZEL4PkFpr+BMop6aKzQ==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+object-keys@^1.0.12, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
@@ -14649,7 +15930,17 @@ object-visit@^1.0.0:
   dependencies:
     isobject "^3.0.0"
 
-object.assign@^4.1.0, object.assign@^4.1.3, object.assign@^4.1.4:
+object.assign@^4.1.0, object.assign@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
+  integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+    has-symbols "^1.0.1"
+    object-keys "^1.1.1"
+
+object.assign@^4.1.3, object.assign@^4.1.4:
   version "4.1.4"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
   integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
@@ -14659,7 +15950,16 @@ object.assign@^4.1.0, object.assign@^4.1.3, object.assign@^4.1.4:
     has-symbols "^1.0.3"
     object-keys "^1.1.1"
 
-object.entries@^1.1.1, object.entries@^1.1.6:
+object.entries@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add"
+  integrity sha512-BQdB9qKmb/HyNdMNWVr7O3+z5MUIx3aiegEIJqjMBbBf0YT9RRxTJSim4mzFqtyr7PDAHigq0N9dO0m0tRakQA==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+    has "^1.0.3"
+
+object.entries@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.6.tgz#9737d0e5b8291edd340a3e3264bb8a3b00d5fa23"
   integrity sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==
@@ -14685,6 +15985,17 @@ object.getownpropertydescriptors@^2.1.0:
     define-properties "^1.1.3"
     es-abstract "^1.17.0-next.1"
 
+object.getownpropertydescriptors@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.6.tgz#5e5c384dd209fa4efffead39e3a0512770ccc312"
+  integrity sha512-lq+61g26E/BgHv0ZTFgRvi7NMEPuAxLkFU7rukXjc/AlwH4Am5xXVnIXy3un1bg/JPbXHrixRkK1itUzzPiIjQ==
+  dependencies:
+    array.prototype.reduce "^1.0.5"
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.21.2"
+    safe-array-concat "^1.0.0"
+
 object.hasown@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
@@ -14700,7 +16011,17 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.0, object.values@^1.1.1, object.values@^1.1.6:
+object.values@^1.1.0, object.values@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
+  integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+
+object.values@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
   integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
@@ -14905,7 +16226,7 @@ p-defer@^1.0.0:
 p-each-series@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-1.0.0.tgz#930f3d12dd1f50e7434457a22cd6f04ac6ad7f71"
-  integrity sha1-kw89Et0fUOdDRFeiLNbwSsatf3E=
+  integrity sha512-J/e9xiZZQNrt+958FFzJ+auItsBGq+UrQ7nE89AUP7UOTtjHnkISANXLdayhVzh538UnLMCSlf13lFfRIAKQOA==
   dependencies:
     p-reduce "^1.0.0"
 
@@ -15003,7 +16324,7 @@ p-queue@^6.6.2:
 p-reduce@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-1.0.0.tgz#18c2b0dd936a4690a529f8231f58a0fdb6a47dfa"
-  integrity sha1-GMKw3ZNqRpClKfgjH1ig/bakffo=
+  integrity sha512-3Tx1T3oM1xO/Y8Gj0sWyE78EIJZ+t+aEmXUdvQgvGmSMri7aPTHoovbXEreWKkL5j21Er60XAWLTzKbAKYOujQ==
 
 p-retry@^4.5.0:
   version "4.6.2"
@@ -15374,9 +16695,9 @@ path@^0.12.7:
     util "^0.10.3"
 
 pathe@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.0.tgz#e2e13f6c62b31a3289af4ba19886c230f295ec03"
-  integrity sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.1.tgz#1dd31d382b974ba69809adc9a7a347e65d84829a"
+  integrity sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==
 
 pause-stream@0.0.11:
   version "0.0.11"
@@ -15452,17 +16773,15 @@ pinkie@^2.0.0:
   integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
 
 pirates@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.1.tgz#643a92caf894566f91b2b986d2c66950a8e2fb87"
-  integrity sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==
-  dependencies:
-    node-modules-regexp "^1.0.0"
-
-pirates@^4.0.4, pirates@^4.0.5:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
 
+pirates@^4.0.4, pirates@^4.0.5:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
 pkg-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
@@ -15942,7 +17261,16 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.17, postcss@^7.0.27, postcss@^7.0.3
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
-postcss@^8.4.19, postcss@^8.4.24, postcss@^8.4.7:
+postcss@^8.4.19, postcss@^8.4.7:
+  version "8.4.19"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc"
+  integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==
+  dependencies:
+    nanoid "^3.3.4"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+postcss@^8.4.24:
   version "8.4.24"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.24.tgz#f714dba9b2284be3cc07dbd2fc57ee4dc972d2df"
   integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
@@ -15978,7 +17306,7 @@ prelude-ls@^1.2.1:
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
+  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
 
 prepend-http@^1.0.1:
   version "1.0.4"
@@ -16323,10 +17651,10 @@ quick-lru@^5.1.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
   integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
 
-raf-schd@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.2.tgz#bd44c708188f2e84c810bf55fcea9231bcaed8a0"
-  integrity sha512-VhlMZmGy6A6hrkJWHLNTGl5gtgMUm+xfGza6wbwnE914yeQ5Ybm18vgM734RZhMgfw4tacUrWseGZlpUrrakEQ==
+raf-schd@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.3.tgz#5d6c34ef46f8b2a0e880a8fcdb743efc5bfdbc1a"
+  integrity sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==
 
 raf@^3.4.1:
   version "3.4.1"
@@ -16408,19 +17736,6 @@ re-reselect@^3.4.0:
   resolved "https://registry.yarnpkg.com/re-reselect/-/re-reselect-3.4.0.tgz#0f2303f3c84394f57f0cd31fea08a1ca4840a7cd"
   integrity sha512-JsecfN+JlckncVXTWFWjn0Vk6uInl8GSf4eEd9tTk5qXHlgqkPdILpnYpgZcISXNYAzvfvsCZviaDk8AxyS5sg==
 
-react-beautiful-dnd@^13.1.0:
-  version "13.1.0"
-  resolved "https://registry.yarnpkg.com/react-beautiful-dnd/-/react-beautiful-dnd-13.1.0.tgz#ec97c81093593526454b0de69852ae433783844d"
-  integrity sha512-aGvblPZTJowOWUNiwd6tNfEpgkX5OxmpqxHKNW/4VmvZTNTbeiq7bA3bn5T+QSF2uibXB0D1DmJsb1aC/+3cUA==
-  dependencies:
-    "@babel/runtime" "^7.9.2"
-    css-box-model "^1.2.0"
-    memoize-one "^5.1.1"
-    raf-schd "^4.0.2"
-    react-redux "^7.2.0"
-    redux "^4.0.4"
-    use-memo-one "^1.1.1"
-
 react-clientside-effect@^1.2.6:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz#29f9b14e944a376b03fb650eed2a754dd128ea3a"
@@ -16498,9 +17813,9 @@ react-error-boundary@^3.1.0:
     "@babel/runtime" "^7.12.5"
 
 react-fast-compare@^3.1.1:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
-  integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49"
+  integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==
 
 react-focus-lock@^2.9.4, react-focus-lock@^2.9.5:
   version "2.9.5"
@@ -16545,11 +17860,11 @@ react-input-autosize@^3.0.0:
     prop-types "^15.5.8"
 
 react-inspector@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-6.0.1.tgz#1a37f0165d9df81ee804d63259eaaeabe841287d"
-  integrity sha512-cxKSeFTf7jpSSVddm66sKdolG90qURAX3g1roTeaN6x0YEbtWc8JpmFN9+yIqLNH2uEkYerWLtJZIXRIFuBKrg==
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-6.0.2.tgz#aa3028803550cb6dbd7344816d5c80bf39d07e9d"
+  integrity sha512-x+b7LxhmHXjHoU/VrFAzw5iutsILRoYyDq97EDYdFpPLcvqtEzk4ZSZSQjnFPbr5T57tLXnHcqFYoN1pI6u8uQ==
 
-react-is@17.0.2, "react-is@^16.12.0 || ^17.0.0", react-is@^17.0.0, react-is@^17.0.1, react-is@^17.0.2:
+react-is@17.0.2, react-is@^17.0.0, react-is@^17.0.1, react-is@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
@@ -16564,7 +17879,12 @@ react-is@^16.12.0, react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0, react-
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-redux@^7.1.0, react-redux@^7.2.0, react-redux@^7.2.1:
+"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
+  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
+
+react-redux@^7.1.0:
   version "7.2.6"
   resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.6.tgz#49633a24fe552b5f9caf58feb8a138936ddfe9aa"
   integrity sha512-10RPdsz0UUrRL1NZE0ejTkucnclYSgXp5q+tB5SWx2qeG2ZJQJyymgAhwKy73yiL/13btfB6fPr+rgbMAaZIAQ==
@@ -16576,6 +17896,30 @@ react-redux@^7.1.0, react-redux@^7.2.0, react-redux@^7.2.1:
     prop-types "^15.7.2"
     react-is "^17.0.2"
 
+react-redux@^7.2.1:
+  version "7.2.9"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.9.tgz#09488fbb9416a4efe3735b7235055442b042481d"
+  integrity sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==
+  dependencies:
+    "@babel/runtime" "^7.15.4"
+    "@types/react-redux" "^7.1.20"
+    hoist-non-react-statics "^3.3.2"
+    loose-envify "^1.4.0"
+    prop-types "^15.7.2"
+    react-is "^17.0.2"
+
+react-redux@^8.0.4:
+  version "8.0.5"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-8.0.5.tgz#e5fb8331993a019b8aaf2e167a93d10af469c7bd"
+  integrity sha512-Q2f6fCKxPFpkXt1qNRZdEDLlScsDWyrgSj0mliK59qU6W5gvBiKkdMEG2lJzhd1rCctf0hb6EtePPLZ2e0m1uw==
+  dependencies:
+    "@babel/runtime" "^7.12.1"
+    "@types/hoist-non-react-statics" "^3.3.1"
+    "@types/use-sync-external-store" "^0.0.3"
+    hoist-non-react-statics "^3.3.2"
+    react-is "^18.0.0"
+    use-sync-external-store "^1.0.0"
+
 react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
@@ -16629,17 +17973,17 @@ react-router@5.3.4:
     tiny-warning "^1.0.0"
 
 react-shallow-renderer@^16.13.1:
-  version "16.14.1"
-  resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.14.1.tgz#bf0d02df8a519a558fd9b8215442efa5c840e124"
-  integrity sha512-rkIMcQi01/+kxiTE9D3fdS959U1g7gs+/rborw++42m1O9FAQiNI/UNRZExVUoAOprn4umcXf+pFRou8i4zuBg==
+  version "16.15.0"
+  resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
+  integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
   dependencies:
     object-assign "^4.1.1"
-    react-is "^16.12.0 || ^17.0.0"
+    react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
 
 react-side-effect@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-2.1.1.tgz#66c5701c3e7560ab4822a4ee2742dee215d72eb3"
-  integrity sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ==
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-2.1.2.tgz#dc6345b9e8f9906dc2eeb68700b615e0b4fe752a"
+  integrity sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==
 
 react-simple-code-editor@^0.11.0:
   version "0.11.3"
@@ -16900,13 +18244,20 @@ redux-thunk@^2.3.0:
   resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"
   integrity sha512-km6dclyFnmcvxhAcrQV2AkZmPQjzPDjgVlQtR0EQjxZPyJ0BnMf3in1ryuR8A2qU0HldVRfxYXbFSKlI3N7Slw==
 
-redux@^4.0.0, redux@^4.0.4, redux@^4.0.5:
+redux@^4.0.0, redux@^4.0.4:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/redux/-/redux-4.1.2.tgz#140f35426d99bb4729af760afcf79eaaac407104"
   integrity sha512-SH8PglcebESbd/shgf6mii6EIoRM0zrQyjcuQ+ojmfxjTtE0z9Y8pa62iA/OJ58qjP6j27uyW4kUF4jl/jd6sw==
   dependencies:
     "@babel/runtime" "^7.9.2"
 
+redux@^4.0.5, redux@^4.2.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.1.tgz#c08f4306826c49b5e9dc901dee0452ea8fce6197"
+  integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==
+  dependencies:
+    "@babel/runtime" "^7.9.2"
+
 refractor@^3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/refractor/-/refractor-3.5.0.tgz#334586f352dda4beaf354099b48c2d18e0819aec"
@@ -16928,11 +18279,16 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.2:
+regenerator-runtime@^0.13.11:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
 
+regenerator-runtime@^0.13.2:
+  version "0.13.4"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.4.tgz#e96bf612a3362d12bb69f7e8f74ffeab25c7ac91"
+  integrity sha512-plpwicqEzfEyTQohIKktWigcLzmNStMGwbOUbykx51/29Z3JOGYldaaNGK7ngNXV+UcoqvIMmloZ48Sr74sd+g==
+
 regenerator-transform@^0.15.1:
   version "0.15.1"
   resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.1.tgz#f6c4e99fc1b4591f780db2586328e4d9a9d8dc56"
@@ -17259,7 +18615,7 @@ resolve-alpn@^1.0.0:
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
-  integrity sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=
+  integrity sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==
   dependencies:
     resolve-from "^3.0.0"
 
@@ -17306,7 +18662,7 @@ resolve-url@^0.2.1:
 resolve@1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
+  integrity sha512-9znBF0vBcaSN3W2j7wKvdERPwqTxSpCq+if5C0WoTCyV9n24rua28jeuQ2pL/HOf+yUe/Mef+H/5p60K0Id3bg==
 
 resolve@1.5.0:
   version "1.5.0"
@@ -17315,7 +18671,16 @@ resolve@1.5.0:
   dependencies:
     path-parse "^1.0.5"
 
-resolve@^1.1.6, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.1, resolve@^1.9.0:
+resolve@^1.1.6, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.9.0:
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
+  dependencies:
+    is-core-module "^2.9.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^1.20.0, resolve@^1.22.1:
   version "1.22.2"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
   integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
@@ -17513,6 +18878,16 @@ rxjs@^7.5.7:
   dependencies:
     tslib "^2.1.0"
 
+safe-array-concat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.0.tgz#2064223cba3c08d2ee05148eedbc563cd6d84060"
+  integrity sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.0"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
 safe-buffer@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
@@ -17630,10 +19005,10 @@ schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
-schema-utils@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.2.tgz#36c10abca6f7577aeae136c804b0c741edeadc99"
-  integrity sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==
+schema-utils@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
   dependencies:
     "@types/json-schema" "^7.0.8"
     ajv "^6.12.5"
@@ -18310,9 +19685,11 @@ stable@^0.1.8:
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
 stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.5.tgz#a19b0b01947e0029c8e451d5d61a498f5bb1471b"
+  integrity sha512-KZiTzuV3CnSnSvgMRrARVCj+Ht7rMbauGDK0LdVFRGyenwdylpajAp4Q0i6SX8rEmbTpMMf6ryq2gb8pPq2WgQ==
+  dependencies:
+    escape-string-regexp "^2.0.0"
 
 stackframe@^1.1.1:
   version "1.2.0"
@@ -18358,7 +19735,7 @@ statuses@2.0.1:
 stealthy-require@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
-  integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
+  integrity sha512-ZnWpYnYugiOVEY5GkcuJK1io5V8QmNYChG62gSit9pQVGErXtrKuPC55ITaVSukmMta5qpMU7vqLt2Lnni4f/g==
 
 stop-iteration-iterator@^1.0.0:
   version "1.0.0"
@@ -18373,11 +19750,11 @@ store2@^2.14.2:
   integrity sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==
 
 storybook@^7.0.17:
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/storybook/-/storybook-7.0.17.tgz#9bd5bc1b6a42226019115fae5d1e6e793f9085e9"
-  integrity sha512-3vQAIFhz2AjU4q4gk7b8upGvKRg88JOHRaT37np+U9S51y5pJcPGBfgfaOYzJfA6yjwm25TVuY2Xl1nMbK3Sdg==
+  version "7.0.23"
+  resolved "https://registry.yarnpkg.com/storybook/-/storybook-7.0.23.tgz#1f1f5365a6b0fb6a679d3068e1bb601198b78e48"
+  integrity sha512-eko4DZ6lheJZCsL55RJhYksXX3UWgdO6rkR52pmfhCjlitxf07We+lEuzVou8+HLg8jnSqLi2GIzDKh+hBS4og==
   dependencies:
-    "@storybook/cli" "7.0.17"
+    "@storybook/cli" "7.0.23"
 
 stream-combiner@~0.0.4:
   version "0.0.4"
@@ -18407,7 +19784,7 @@ strict-uri-encode@^1.0.0:
 string-length@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
-  integrity sha1-1A27aGo6zpYMHP/KVivyxF+DY+0=
+  integrity sha512-Qka42GGrS8Mm3SZ+7cH8UXiIWI867/b/Z/feQSpQx/rbfB8UGknGEZVaUQMOUVj+soY6NpWAxily63HI1OckVQ==
   dependencies:
     astral-regex "^1.0.0"
     strip-ansi "^4.0.0"
@@ -18501,7 +19878,16 @@ string.prototype.matchall@^4.0.8:
     regexp.prototype.flags "^1.4.3"
     side-channel "^1.0.4"
 
-string.prototype.trim@^1.2.1, string.prototype.trim@^1.2.7:
+string.prototype.trim@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.1.tgz#141233dff32c82bfad80684d7e5f0869ee0fb782"
+  integrity sha512-MjGFEeqixw47dAMFMtgUro/I0+wNqZB5GKXGt1fFr24u3TzDXCPu7J9Buppzoe3r/LqkSDLDDJzE15RGWDGAVw==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+    function-bind "^1.1.1"
+
+string.prototype.trim@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz#a68352740859f6893f14ce3ef1bb3037f7a90533"
   integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==
@@ -18510,6 +19896,14 @@ string.prototype.trim@^1.2.1, string.prototype.trim@^1.2.7:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+string.prototype.trimend@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80"
+  integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+
 string.prototype.trimend@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
@@ -18519,6 +19913,14 @@ string.prototype.trimend@^1.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+string.prototype.trimstart@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
+  integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+
 string.prototype.trimstart@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
@@ -18723,9 +20125,9 @@ stylelint-scss@^4.6.0:
     postcss-value-parser "^4.2.0"
 
 stylelint@^15.7.0:
-  version "15.7.0"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.7.0.tgz#945939a2ce9516998a198580e69b1ceef8a7c5f3"
-  integrity sha512-fQRwHwWuZsDn4ENyE9AsKkOkV9WlD2CmYiVDbdZPdS3iZh0ceypOn1EuwTNuZ8xTrHF+jVeIEzLtFFSlD/nJHg==
+  version "15.8.0"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.8.0.tgz#c1e8a85d6f9e24670c4385ce0b79103e9b1b3e81"
+  integrity sha512-x9qBk84F3MEjMEUNCE7MtWmfj9G9y5XzJ0cpQeJdy2l/IoqjC8Ih0N0ytmOTnXE4Yv0J7I1cmVRQUVNSPCxTsA==
   dependencies:
     "@csstools/css-parser-algorithms" "^2.2.0"
     "@csstools/css-tokenizer" "^2.1.1"
@@ -18767,7 +20169,6 @@ stylelint@^15.7.0:
     supports-hyperlinks "^3.0.0"
     svg-tags "^1.0.0"
     table "^6.8.1"
-    v8-compile-cache "^2.3.0"
     write-file-atomic "^5.0.1"
 
 stylis@4.2.0:
@@ -19125,12 +20526,12 @@ terser@^5.10.0, terser@^5.14.1:
     source-map-support "~0.5.20"
 
 terser@^5.16.8:
-  version "5.17.6"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.17.6.tgz#d810e75e1bb3350c799cd90ebefe19c9412c12de"
-  integrity sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==
+  version "5.18.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.18.1.tgz#6d8642508ae9fb7b48768e48f16d675c89a78460"
+  integrity sha512-j1n0Ao919h/Ai5r43VAnfV/7azUYW43GPxK7qSATzrsERfW7+y2QW9Cp9ufnRF5CQUWbnLSo7UJokSWCqg4tsQ==
   dependencies:
-    "@jridgewell/source-map" "^0.3.2"
-    acorn "^8.5.0"
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
@@ -19176,7 +20577,7 @@ textextensions@^5.12.0, textextensions@^5.13.0:
 throat@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
-  integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
+  integrity sha512-wCVxLDcFxw7ujDxaeJC6nfl2XfHJNYs8yUYJnvMgtPEFlttP9tHSfRUv2vBe6C4hkVFPWoP1P6ZccbYjmSEkKA==
 
 throttleit@^1.0.0:
   version "1.0.0"
@@ -19228,9 +20629,9 @@ timsort@^0.3.0:
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
 tiny-invariant@^1.0.2, tiny-invariant@^1.0.6:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.1.0.tgz#634c5f8efdc27714b7f386c35e6760991d230875"
-  integrity sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.1.tgz#8560808c916ef02ecfd55e66090df23a4b7aa642"
+  integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==
 
 tiny-warning@^1.0.0:
   version "1.0.3"
@@ -19268,11 +20669,6 @@ tmpl@1.0.5:
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
   integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
-tmpl@1.0.x:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
-  integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
-
 to-buffer@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.1.1.tgz#493bd48f62d7c43fcded313a03dcadb2e1213a80"
@@ -19341,7 +20737,7 @@ tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@~2.5.0:
 tr46@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-  integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
+  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
   dependencies:
     punycode "^2.1.0"
 
@@ -19406,9 +20802,9 @@ tslib@^2.0.0, tslib@^2.1.0:
   integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
 
 tslib@^2.0.1, tslib@^2.4.0:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.2.tgz#1b6f07185c881557b0ffa84b111a0106989e8338"
-  integrity sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.3.tgz#24944ba2d990940e6e982c4bea147aba80209913"
+  integrity sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==
 
 tslib@^2.0.3, tslib@^2.3.1:
   version "2.3.1"
@@ -19459,7 +20855,7 @@ type-check@^0.4.0, type-check@~0.4.0:
 type-check@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
+  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
   dependencies:
     prelude-ls "~1.1.2"
 
@@ -19572,6 +20968,16 @@ uglifyjs-webpack-plugin@^2.2.0:
     webpack-sources "^1.4.0"
     worker-farm "^1.7.0"
 
+unbox-primitive@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.1.tgz#085e215625ec3162574dc8859abee78a59b14471"
+  integrity sha512-tZU/3NqK3dA5gpE1KtyiJUrEB0lxnGkMFHptJ7q6ewdZ8s12QrODwNbhIJStmJkd1QDXa1NRA8aF2A1zk/Ypyw==
+  dependencies:
+    function-bind "^1.1.1"
+    has-bigints "^1.0.1"
+    has-symbols "^1.0.2"
+    which-boxed-primitive "^1.0.2"
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
@@ -19946,10 +21352,10 @@ use-callback-ref@^1.3.0:
   dependencies:
     tslib "^2.0.0"
 
-use-memo-one@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.1.tgz#39e6f08fe27e422a7d7b234b5f9056af313bd22c"
-  integrity sha512-oFfsyun+bP7RX8X2AskHNTxu+R3QdE/RC5IefMbqptmACAA/gfol1KDD5KRzPsGMa62sWxGZw+Ui43u6x4ddoQ==
+use-memo-one@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.3.tgz#2fd2e43a2169eabc7496960ace8c79efef975e99"
+  integrity sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==
 
 use-resize-observer@^9.1.0:
   version "9.1.0"
@@ -19966,6 +21372,11 @@ use-sidecar@^1.1.2:
     detect-node-es "^1.1.0"
     tslib "^2.0.0"
 
+use-sync-external-store@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
+  integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
+
 use@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/use/-/use-2.0.2.tgz#ae28a0d72f93bf22422a18a2e379993112dec8e8"
@@ -19987,7 +21398,20 @@ util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-util.promisify@^1.0.0, util.promisify@~1.0.0:
+util.promisify@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.1.2.tgz#02b3dbadbb80071eee4c43aed58747afdfc516db"
+  integrity sha512-PBdZ03m1kBnQ5cjjO0ZvJMJS+QsbyIcFwi4hY4U76OQsCO9JrOYjbCFgIF76ccFg9xnJo7ZHPkqyj1GqmdS7MA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    for-each "^0.3.3"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    object.getownpropertydescriptors "^2.1.6"
+    safe-array-concat "^1.0.0"
+
+util.promisify@~1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
   integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
@@ -20045,11 +21469,6 @@ uuid@^9, uuid@^9.0.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.0.tgz#592f550650024a38ceb0c562f2f6aa435761efb5"
   integrity sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==
 
-v8-compile-cache@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
-  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
-
 v8-to-istanbul@^9.0.0:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz#1b83ed4e397f58c85c266a570fc2558b5feb9265"
@@ -20234,14 +21653,7 @@ walk@2.3.x:
   dependencies:
     foreachasync "^3.0.0"
 
-walker@^1.0.7, walker@~1.0.5:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
-  integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
-  dependencies:
-    makeerror "1.0.x"
-
-walker@^1.0.8:
+walker@^1.0.7, walker@^1.0.8, walker@~1.0.5:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
   integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
@@ -20350,9 +21762,9 @@ webpack-dev-server@^4.10.0:
     ws "^8.4.2"
 
 webpack-hot-middleware@^2.25.1:
-  version "2.25.3"
-  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.25.3.tgz#be343ce2848022cfd854dd82820cd730998c6794"
-  integrity sha512-IK/0WAHs7MTu1tzLTjio73LjS3Ov+VvBKQmE8WPlJutgG5zT6Urgq/BbAdRrHTRpyzK0dvAvFh1Qg98akxgZpA==
+  version "2.25.4"
+  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.25.4.tgz#d8bc9e9cb664fc3105c8e83d2b9ed436bee4e193"
+  integrity sha512-IRmTspuHM06aZh98OhBJtqLpeWFM8FXJS5UYpKYxCJzyFoyWj1w6VGFfomZU7OPA55dMLrQK0pRT1eQ3PACr4w==
   dependencies:
     ansi-html-community "0.0.8"
     html-entities "^2.1.0"
@@ -20385,9 +21797,9 @@ webpack-virtual-modules@^0.4.3, webpack-virtual-modules@^0.4.5:
   integrity sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==
 
 webpack@5:
-  version "5.84.1"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.84.1.tgz#d4493acdeca46b26ffc99d86d784cabfeb925a15"
-  integrity sha512-ZP4qaZ7vVn/K8WN/p990SGATmrL1qg4heP/MrVneczYtpDGJWlrgZv55vxaV2ul885Kz+25MP2kSXkPe3LZfmg==
+  version "5.88.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.88.0.tgz#a07aa2f8e7a64a8f1cec0c6c2e180e3cb34440c8"
+  integrity sha512-O3jDhG5e44qIBSi/P6KpcCcH7HD+nYIHVBhdWFxcLOcIGN8zGo5nqF3BjyNCxIh4p1vFdNnreZv2h2KkoAw3lw==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^1.0.0"
@@ -20398,7 +21810,7 @@ webpack@5:
     acorn-import-assertions "^1.9.0"
     browserslist "^4.14.5"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.14.1"
+    enhanced-resolve "^5.15.0"
     es-module-lexer "^1.2.1"
     eslint-scope "5.1.1"
     events "^3.2.0"
@@ -20408,7 +21820,7 @@ webpack@5:
     loader-runner "^4.2.0"
     mime-types "^2.1.27"
     neo-async "^2.6.2"
-    schema-utils "^3.1.2"
+    schema-utils "^3.2.0"
     tapable "^2.1.1"
     terser-webpack-plugin "^5.3.7"
     watchpack "^2.4.0"
@@ -20718,9 +22130,9 @@ write-file-atomic@^5.0.1:
     signal-exit "^4.0.1"
 
 ws@^5.2.0:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
-  integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.3.tgz#05541053414921bc29c63bee14b8b0dd50b07b3d"
+  integrity sha512-jZArVERrMsKUatIdnLzqvcfydI85dvd/Fp1u/VOpfdDWQ4c9qWXe+VIeAbQ5FrDwciAkr+lzofXLz3Kuf26AOA==
   dependencies:
     async-limiter "~1.0.0"
 

From 1c672b1866e8ec8822fa1f0e219cffd54d4390db Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Thu, 29 Jun 2023 11:35:31 +0200
Subject: [PATCH 02/24] Add basic React 18 support (#6827)

* build(deps): Bump react and react-dom to v18

* refactor(docs): update docs site initialization to use createRoot API

* build(babel): enforce classic react runtime and allow declare fields in babel config

* refactor(*): update children prop types to use React 18 PropsWithChildren

* build(*): bump react and react-dom versions

* style(EuiForm): replace React.FC with FunctionComponent usage

* style(*): reorder PropsWithChildren usage to be from least to most specific
---
 .babelrc.js                                   |   4 +-
 package.json                                  |  19 +-
 .../components/with_theme/theme_context.tsx   |   4 +-
 src-docs/src/index.js                         | 241 +++++++++---------
 src-docs/src/views/flex/wrapper_styles.tsx    |   6 +-
 .../src/views/theme/color_mode/inverse.tsx    |  14 +-
 src/components/breadcrumbs/breadcrumb.tsx     |  17 +-
 .../code/code_block_annotations.tsx           |  14 +-
 .../code/code_block_full_screen.tsx           |   7 +-
 .../combo_box_title.tsx                       |   8 +-
 src/components/common.ts                      |   3 +-
 .../body/data_grid_body_virtualized.tsx       |   9 +-
 src/components/datagrid/data_grid_types.ts    |   3 +-
 src/components/delay_render/delay_render.tsx  |   4 +-
 src/components/form/form.styles.test.tsx      |  12 +-
 src/components/form/range/range_track.tsx     |   2 +-
 .../header_section_item_button.tsx            |  25 +-
 src/components/image/image_types.ts           |  56 ++--
 .../inline_edit/inline_edit_form.tsx          |   5 +-
 .../inner_text/render_to_text.test.tsx        |   4 +-
 .../markdown_editor_drop_zone.tsx             |   4 +-
 .../plugins/markdown_checkbox/renderer.tsx    |   9 +-
 .../plugins/markdown_tooltip/renderer.tsx     |   9 +-
 .../mutation_observer.test.tsx                |  20 +-
 .../resize_observer/resize_observer.test.tsx  |  16 +-
 src/components/page/page_body/page_body.tsx   |  44 ++--
 .../page_template/inner/page_inner.tsx        |   5 +-
 src/components/portal/portal.tsx              |   8 +-
 .../provider/cache/cache_provider.tsx         |   4 +-
 src/components/provider/provider.tsx          |   5 +-
 .../resizable_container.tsx                   |   2 +-
 .../table/mobile/table_sort_mobile_item.tsx   |   6 +-
 src/components/table/table_body.tsx           |   9 +-
 src/components/table/table_footer.tsx         |  10 +-
 src/components/tabs/tabs.tsx                  |   9 +-
 .../breakpoint/current_breakpoint.tsx         |   7 +-
 src/services/theme/provider.tsx               |  10 +-
 yarn.lock                                     |  74 ++----
 38 files changed, 371 insertions(+), 337 deletions(-)

diff --git a/.babelrc.js b/.babelrc.js
index a351546b033..a9f5b16ff00 100644
--- a/.babelrc.js
+++ b/.babelrc.js
@@ -11,8 +11,8 @@ module.exports = {
       "corejs": !process.env.NO_COREJS_POLYFILL ? '3.6' : undefined,
       "modules": process.env.BABEL_MODULES ? process.env.BABEL_MODULES === 'false' ? false : process.env.BABEL_MODULES : "commonjs" // babel's default is commonjs
     }],
-    ["@babel/typescript", { isTSX: true, allExtensions: true }],
-    "@babel/react",
+    ["@babel/react", { runtime: 'classic' }],
+    ["@babel/typescript", { isTSX: true, allExtensions: true, allowDeclareFields: true }],
     [
       "@emotion/babel-preset-css-prop",
       {
diff --git a/package.json b/package.json
index 63f830e3468..078cb9261d1 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,8 @@
   },
   "resolutions": {
     "**/prismjs": "1.27.0",
-    "**/react": "^17.0.0",
+    "**/react": "^18",
+    "**/@types/react": "^18",
     "react-focus-lock": "^2.9.5"
   },
   "pre-commit": [
@@ -147,8 +148,8 @@
     "@types/enzyme": "^3.10.5",
     "@types/jest": "^24.0.6",
     "@types/node": "^10.17.5",
-    "@types/react": "^17.0.38",
-    "@types/react-dom": "^17.0.11",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
     "@types/react-is": "^17.0.3",
     "@types/react-router-dom": "^5.3.3",
     "@types/tabbable": "^3.1.2",
@@ -224,9 +225,9 @@
     "prop-types": "^15.6.0",
     "puppeteer": "^5.5.0",
     "raw-loader": "^4.0.1",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
     "react-redux": "^7.2.1",
     "react-refresh": "^0.11.0",
@@ -260,12 +261,12 @@
     "@elastic/datemath": "^5.0.2",
     "@emotion/css": "11.x",
     "@emotion/react": "11.x",
-    "@types/react": "^16.9 || ^17.0",
-    "@types/react-dom": "^16.9 || ^17.0",
+    "@types/react": "^16.9 || ^17.0 || ^18.0",
+    "@types/react-dom": "^16.9 || ^17.0 || ^18.0",
     "moment": "^2.13.0",
     "prop-types": "^15.5.0",
-    "react": "^16.12 || ^17.0",
-    "react-dom": "^16.12 || ^17.0",
+    "react": "^16.12 || ^17.0 || ^18.0",
+    "react-dom": "^16.12 || ^17.0 || ^18.0",
     "typescript": "~4.5.3"
   },
   "files": [
diff --git a/src-docs/src/components/with_theme/theme_context.tsx b/src-docs/src/components/with_theme/theme_context.tsx
index 66ce79b8fec..fc16b9a5358 100644
--- a/src-docs/src/components/with_theme/theme_context.tsx
+++ b/src-docs/src/components/with_theme/theme_context.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { EUI_THEMES, EUI_THEME } from '../../../../src/themes';
 // @ts-ignore importing from a JS file
 import { applyTheme } from '../../services';
@@ -45,7 +45,7 @@ interface State {
 
 export const ThemeContext = React.createContext(defaultState);
 
-export class ThemeProvider extends React.Component<object, State> {
+export class ThemeProvider extends React.Component<PropsWithChildren, State> {
   constructor(props: object) {
     super(props);
 
diff --git a/src-docs/src/index.js b/src-docs/src/index.js
index 4f869e44d9b..8ed26edd72b 100644
--- a/src-docs/src/index.js
+++ b/src-docs/src/index.js
@@ -1,5 +1,5 @@
-import React, { createElement } from 'react';
-import ReactDOM from 'react-dom';
+import React, { createElement, StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { HashRouter, Switch, Route, Redirect } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
@@ -40,130 +40,133 @@ const routes = [
   ...childRoutes,
 ];
 
-ReactDOM.render(
-  <Provider store={store}>
-    <ThemeProvider>
-      <AppContext>
-        <HashRouter>
-          <Switch>
-            {routes.map(
-              ({
-                name,
-                path,
-                sections,
-                isBeta,
-                isNew,
-                component,
-                from,
-                to,
-              }) => {
-                const meta = (
-                  <Helmet>
-                    <title>{`${name} - Elastic UI Framework`}</title>
-                  </Helmet>
-                );
-                const mainComponent = (
-                  <Route
-                    key={path}
-                    path={`/${path}`}
-                    render={(props) => {
-                      const { location } = props;
-                      // prevents encoded urls with a section id to fail
-                      if (location.pathname.includes('%23')) {
-                        const url = decodeURIComponent(location.pathname);
-                        return <Redirect push to={url} />;
-                      } else {
-                        return (
-                          <AppView
-                            currentRoute={{
-                              name,
-                              path,
-                              sections,
-                              isBeta,
-                              isNew,
-                            }}
-                          >
-                            {({ theme }) => (
-                              <>
-                                {meta}
-                                {createElement(component, {
-                                  selectedTheme: theme,
-                                  title: name,
-                                })}
-                              </>
-                            )}
-                          </AppView>
-                        );
-                      }
-                    }}
-                  />
-                );
+const root = createRoot(document.getElementById('guide'));
 
-                const standaloneSections = [];
-                (sections || []).forEach(
-                  ({ id, fullScreen, sections: subSections }) => {
-                    if (fullScreen) {
-                      const { slug, demo } = fullScreen;
-                      standaloneSections.push(
-                        <Route
-                          key={`/${path}/${slug}`}
-                          path={`/${path}/${slug}`}
-                          render={() => (
-                            <ExampleContext.Provider
-                              value={{ parentPath: `/${path}#${id}` }}
+root.render(
+  <StrictMode>
+    <Provider store={store}>
+      <ThemeProvider>
+        <AppContext>
+          <HashRouter>
+            <Switch>
+              {routes.map(
+                ({
+                  name,
+                  path,
+                  sections,
+                  isBeta,
+                  isNew,
+                  component,
+                  from,
+                  to,
+                }) => {
+                  const meta = (
+                    <Helmet>
+                      <title>{`${name} - Elastic UI Framework`}</title>
+                    </Helmet>
+                  );
+                  const mainComponent = (
+                    <Route
+                      key={path}
+                      path={`/${path}`}
+                      render={(props) => {
+                        const { location } = props;
+                        // prevents encoded urls with a section id to fail
+                        if (location.pathname.includes('%23')) {
+                          const url = decodeURIComponent(location.pathname);
+                          return <Redirect push to={url} />;
+                        } else {
+                          return (
+                            <AppView
+                              currentRoute={{
+                                name,
+                                path,
+                                sections,
+                                isBeta,
+                                isNew,
+                              }}
                             >
-                              {meta}
-                              {demo}
-                            </ExampleContext.Provider>
-                          )}
-                        />
-                      );
-                    }
-                    if (subSections) {
-                      subSections.forEach(({ fullScreen, id: sectionId }) => {
-                        if (fullScreen) {
-                          const { slug, demo } = fullScreen;
-                          standaloneSections.push(
-                            <Route
-                              key={`/${path}/${id}/${slug}`}
-                              path={`/${path}/${id}/${slug}`}
-                              render={() => (
-                                <ExampleContext.Provider
-                                  value={{
-                                    parentPath: `/${path}/${id}#${sectionId}`,
-                                  }}
-                                >
+                              {({ theme }) => (
+                                <>
                                   {meta}
-                                  {demo}
-                                </ExampleContext.Provider>
+                                  {createElement(component, {
+                                    selectedTheme: theme,
+                                    title: name,
+                                  })}
+                                </>
                               )}
-                            />
+                            </AppView>
                           );
                         }
-                      });
+                      }}
+                    />
+                  );
+
+                  const standaloneSections = [];
+                  (sections || []).forEach(
+                    ({ id, fullScreen, sections: subSections }) => {
+                      if (fullScreen) {
+                        const { slug, demo } = fullScreen;
+                        standaloneSections.push(
+                          <Route
+                            key={`/${path}/${slug}`}
+                            path={`/${path}/${slug}`}
+                            render={() => (
+                              <ExampleContext.Provider
+                                value={{ parentPath: `/${path}#${id}` }}
+                              >
+                                {meta}
+                                {demo}
+                              </ExampleContext.Provider>
+                            )}
+                          />
+                        );
+                      }
+                      if (subSections) {
+                        subSections.forEach(({ fullScreen, id: sectionId }) => {
+                          if (fullScreen) {
+                            const { slug, demo } = fullScreen;
+                            standaloneSections.push(
+                              <Route
+                                key={`/${path}/${id}/${slug}`}
+                                path={`/${path}/${id}/${slug}`}
+                                render={() => (
+                                  <ExampleContext.Provider
+                                    value={{
+                                      parentPath: `/${path}/${id}#${sectionId}`,
+                                    }}
+                                  >
+                                    {meta}
+                                    {demo}
+                                  </ExampleContext.Provider>
+                                )}
+                              />
+                            );
+                          }
+                        });
+                      }
                     }
-                  }
-                );
-                standaloneSections.filter((x) => !!x);
+                  );
+                  standaloneSections.filter((x) => !!x);
 
-                // place standaloneSections before mainComponent so their routes take precedent
-                const routes = [...standaloneSections, mainComponent];
+                  // place standaloneSections before mainComponent so their routes take precedent
+                  const routes = [...standaloneSections, mainComponent];
 
-                if (from)
-                  return [
-                    ...routes,
-                    <Route exact path={`/${from}`}>
-                      <Redirect to={`/${to}`} />
-                    </Route>,
-                  ];
-                else if (component) return routes;
-                return null;
-              }
-            )}
-          </Switch>
-        </HashRouter>
-      </AppContext>
-    </ThemeProvider>
-  </Provider>,
-  document.getElementById('guide')
+                  if (from)
+                    return [
+                      ...routes,
+                      <Route exact path={`/${from}`}>
+                        <Redirect to={`/${to}`} />
+                      </Route>,
+                    ];
+                  else if (component) return routes;
+                  return null;
+                }
+              )}
+            </Switch>
+          </HashRouter>
+        </AppContext>
+      </ThemeProvider>
+    </Provider>
+  </StrictMode>
 );
diff --git a/src-docs/src/views/flex/wrapper_styles.tsx b/src-docs/src/views/flex/wrapper_styles.tsx
index c5ca6efc815..f02828fdaab 100644
--- a/src-docs/src/views/flex/wrapper_styles.tsx
+++ b/src-docs/src/views/flex/wrapper_styles.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { css } from '@emotion/react';
 import {
   useEuiTheme,
@@ -18,7 +18,9 @@ export const flexItemHiglightStyles = ({ euiTheme }: UseEuiTheme) => {
   `;
 };
 
-export const FlexItemHighlightWrapper: React.FC = ({ children }) => {
+export const FlexItemHighlightWrapper: React.FC<PropsWithChildren> = ({
+  children,
+}) => {
   const euiTheme = useEuiTheme();
   return <div css={flexItemHiglightStyles(euiTheme)}>{children}</div>;
 };
diff --git a/src-docs/src/views/theme/color_mode/inverse.tsx b/src-docs/src/views/theme/color_mode/inverse.tsx
index 5d90be2da5d..ad636c3499f 100644
--- a/src-docs/src/views/theme/color_mode/inverse.tsx
+++ b/src-docs/src/views/theme/color_mode/inverse.tsx
@@ -1,4 +1,8 @@
-import React, { useState, FC } from 'react';
+import React, {
+  useState,
+  FC,
+  PropsWithChildren,
+} from 'react';
 import {
   EuiThemeProvider,
   useEuiTheme,
@@ -66,7 +70,7 @@ export default () => {
   );
 };
 
-const ThemedChildren: FC = ({ children, ...rest }) => {
+const ThemedChildren: FC<PropsWithChildren> = ({ children, ...rest }) => {
   const { colorMode: _colorMode } = useEuiTheme();
   const colorMode = _colorMode.toLowerCase();
   return (
@@ -101,7 +105,7 @@ const ThemedChildren: FC = ({ children, ...rest }) => {
   );
 };
 
-const Popover: FC = ({ children }) => {
+const Popover: FC<PropsWithChildren> = ({ children }) => {
   const [isPopoverOpen, setIsPopoverOpen] = useState(false);
   return (
     <EuiPopover
@@ -123,7 +127,7 @@ const Popover: FC = ({ children }) => {
   );
 };
 
-const Modal: FC = ({ children }) => {
+const Modal: FC<PropsWithChildren> = ({ children }) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
   return (
     <>
@@ -151,7 +155,7 @@ const Modal: FC = ({ children }) => {
   );
 };
 
-const Flyout: FC = ({ children }) => {
+const Flyout: FC<PropsWithChildren> = ({ children }) => {
   const [isFlyoutOpen, setIsFlyoutOpen] = useState(false);
   return (
     <>
diff --git a/src/components/breadcrumbs/breadcrumb.tsx b/src/components/breadcrumbs/breadcrumb.tsx
index 2cfc5a8dbba..6f97b33190f 100644
--- a/src/components/breadcrumbs/breadcrumb.tsx
+++ b/src/components/breadcrumbs/breadcrumb.tsx
@@ -13,6 +13,7 @@ import React, {
   MouseEventHandler,
   ReactNode,
   useState,
+  PropsWithChildren,
 } from 'react';
 import classNames from 'classnames';
 
@@ -57,14 +58,14 @@ export type EuiBreadcrumbProps = Omit<
   };
 
 // Used internally only by the parent EuiBreadcrumbs
-type _EuiBreadcrumbProps = {
-  type: 'page' | 'application';
-  isFirstBreadcrumb?: boolean;
-  isLastBreadcrumb?: boolean;
-  isOnlyBreadcrumb?: boolean;
-  highlightLastBreadcrumb?: boolean;
-  truncateLastBreadcrumb?: boolean;
-} & Pick<EuiBreadcrumbProps, 'truncate'>;
+type _EuiBreadcrumbProps = PropsWithChildren & Pick<EuiBreadcrumbProps, 'truncate'> & {
+    type: 'page' | 'application';
+    isFirstBreadcrumb?: boolean;
+    isLastBreadcrumb?: boolean;
+    isOnlyBreadcrumb?: boolean;
+    highlightLastBreadcrumb?: boolean;
+    truncateLastBreadcrumb?: boolean;
+  };
 
 export const EuiBreadcrumb: FunctionComponent<
   HTMLAttributes<HTMLLIElement> & _EuiBreadcrumbProps
diff --git a/src/components/code/code_block_annotations.tsx b/src/components/code/code_block_annotations.tsx
index b39c88a6e1f..7c20a7d6fea 100644
--- a/src/components/code/code_block_annotations.tsx
+++ b/src/components/code/code_block_annotations.tsx
@@ -6,7 +6,12 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, ReactNode, useState } from 'react';
+import React, {
+  FunctionComponent,
+  PropsWithChildren,
+  ReactNode,
+  useState,
+} from 'react';
 
 import { useEuiTheme } from '../../services';
 import { CommonProps } from '../common';
@@ -19,9 +24,10 @@ import { euiCodeBlockAnnotationsStyles } from './code_block_annotations.style';
 
 export type LineAnnotationMap = Record<number, ReactNode>;
 
-type EuiCodeBlockAnnotationProps = CommonProps & {
-  lineNumber: number;
-};
+type EuiCodeBlockAnnotationProps = PropsWithChildren &
+  CommonProps & {
+    lineNumber: number;
+  };
 
 export const EuiCodeBlockAnnotation: FunctionComponent<
   EuiCodeBlockAnnotationProps
diff --git a/src/components/code/code_block_full_screen.tsx b/src/components/code/code_block_full_screen.tsx
index a2dc4fabcec..96465e78096 100644
--- a/src/components/code/code_block_full_screen.tsx
+++ b/src/components/code/code_block_full_screen.tsx
@@ -12,6 +12,7 @@ import React, {
   useState,
   useCallback,
   useMemo,
+  PropsWithChildren,
 } from 'react';
 import { keys, useEuiTheme } from '../../services';
 import { useEuiI18n } from '../i18n';
@@ -87,9 +88,9 @@ export const useFullScreen = ({
 /**
  * Portalled full screen wrapper
  */
-export const EuiCodeBlockFullScreenWrapper: FunctionComponent = ({
-  children,
-}) => {
+export const EuiCodeBlockFullScreenWrapper: FunctionComponent<
+  PropsWithChildren
+> = ({ children }) => {
   const euiThemeContext = useEuiTheme();
 
   const styles = euiCodeBlockStyles(euiThemeContext);
diff --git a/src/components/combo_box/combo_box_options_list/combo_box_title.tsx b/src/components/combo_box/combo_box_options_list/combo_box_title.tsx
index 88960afe4ac..5316585d749 100644
--- a/src/components/combo_box/combo_box_options_list/combo_box_title.tsx
+++ b/src/components/combo_box/combo_box_options_list/combo_box_title.tsx
@@ -6,8 +6,8 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 
-export const EuiComboBoxTitle: FunctionComponent<{}> = ({ children }) => (
-  <div className="euiComboBoxTitle">{children}</div>
-);
+export const EuiComboBoxTitle: FunctionComponent<PropsWithChildren> = ({
+  children,
+}) => <div className="euiComboBoxTitle">{children}</div>;
diff --git a/src/components/common.ts b/src/components/common.ts
index 8817c1c6852..351b03a7979 100644
--- a/src/components/common.ts
+++ b/src/components/common.ts
@@ -14,7 +14,6 @@ import {
   FunctionComponent,
   JSXElementConstructor,
   MouseEventHandler,
-  SFC,
 } from 'react';
 import { Interpolation, Theme } from '@emotion/react';
 
@@ -58,7 +57,7 @@ export function keysOf<T, K extends keyof T>(obj: T): K[] {
  */
 export type ValueOf<T> = T[keyof T];
 
-export type PropsOf<C> = C extends SFC<infer SFCProps>
+export type PropsOf<C> = C extends FunctionComponent<infer SFCProps>
   ? SFCProps
   : C extends FunctionComponent<infer FunctionProps>
   ? FunctionProps
diff --git a/src/components/datagrid/body/data_grid_body_virtualized.tsx b/src/components/datagrid/body/data_grid_body_virtualized.tsx
index 08e28cb4bab..c85c7c52cc8 100644
--- a/src/components/datagrid/body/data_grid_body_virtualized.tsx
+++ b/src/components/datagrid/body/data_grid_body_virtualized.tsx
@@ -14,6 +14,7 @@ import React, {
   useContext,
   useEffect,
   useRef,
+  PropsWithChildren,
 } from 'react';
 import {
   GridChildComponentProps,
@@ -68,9 +69,15 @@ export const DataGridWrapperRowsContext =
     footerRow: null,
   });
 
+type InnerElementProps = PropsWithChildren & {
+  style: {
+    height: number;
+  };
+};
+
 const InnerElement: VariableSizeGridProps['innerElementType'] = forwardRef<
   HTMLDivElement,
-  { style: { height: number } }
+  InnerElementProps
 >(({ children, style, ...rest }, ref) => {
   const { headerRowHeight, headerRow, footerRow } = useContext(
     DataGridWrapperRowsContext
diff --git a/src/components/datagrid/data_grid_types.ts b/src/components/datagrid/data_grid_types.ts
index 3d17c777638..ce71ec8cd46 100644
--- a/src/components/datagrid/data_grid_types.ts
+++ b/src/components/datagrid/data_grid_types.ts
@@ -17,6 +17,7 @@ import {
   MutableRefObject,
   Ref,
   Component,
+  PropsWithChildren,
 } from 'react';
 import {
   VariableSizeGridProps,
@@ -151,7 +152,7 @@ export interface EuiDataGridControlHeaderCellProps {
   headerIsInteractive: boolean;
 }
 
-export interface EuiDataGridHeaderCellWrapperProps {
+export interface EuiDataGridHeaderCellWrapperProps extends PropsWithChildren {
   id: string;
   index: number;
   headerIsInteractive: boolean;
diff --git a/src/components/delay_render/delay_render.tsx b/src/components/delay_render/delay_render.tsx
index f1d07c58f94..d4c2ad452ba 100644
--- a/src/components/delay_render/delay_render.tsx
+++ b/src/components/delay_render/delay_render.tsx
@@ -6,9 +6,9 @@
  * Side Public License, v 1.
  */
 
-import { Component } from 'react';
+import { Component, PropsWithChildren } from 'react';
 
-export interface EuiDelayRenderProps {
+export interface EuiDelayRenderProps extends PropsWithChildren {
   delay: number;
 }
 
diff --git a/src/components/form/form.styles.test.tsx b/src/components/form/form.styles.test.tsx
index 847402061b1..dc7c08ad8e6 100644
--- a/src/components/form/form.styles.test.tsx
+++ b/src/components/form/form.styles.test.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 import { renderHook } from '@testing-library/react-hooks';
 import { useEuiTheme } from '../../services';
 import { EuiProvider } from '../provider';
@@ -17,9 +17,9 @@ import {
   euiCustomControl,
 } from './form.styles';
 
-const darkModeWrapper: React.FC = ({ children }) => (
-  <EuiProvider colorMode="DARK">{children}</EuiProvider>
-);
+const darkModeWrapper: FunctionComponent<PropsWithChildren> = ({
+  children,
+}) => <EuiProvider colorMode="DARK">{children}</EuiProvider>;
 
 describe('euiFormVariables', () => {
   it('outputs an object of reusable form vars', () => {
@@ -181,7 +181,7 @@ describe('euiCustomControl', () => {
     expect(result.current).toMatchInlineSnapshot(`
       "
           padding: 7px;
-          
+
           border: 1px solid #f5f7fc;
           background: #FFF no-repeat center;
 
@@ -200,7 +200,7 @@ describe('euiCustomControl', () => {
     expect(result.current).toMatchInlineSnapshot(`
       "
           padding: 15px;
-          
+
           border: 1px solid #f5f7fc;
           background: #FFF no-repeat center;
 
diff --git a/src/components/form/range/range_track.tsx b/src/components/form/range/range_track.tsx
index 6b0c2d828b3..09d1268e71b 100644
--- a/src/components/form/range/range_track.tsx
+++ b/src/components/form/range/range_track.tsx
@@ -33,7 +33,7 @@ import type {
 import { euiRangeTrackStyles } from './range_track.styles';
 
 export interface EuiRangeTrackProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,
+  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'>,
     _SharedRangesValues,
     _SharedRangeDataStructures,
     Pick<_SharedRangeVisualConfiguration, 'showTicks' | 'showRange'>,
diff --git a/src/components/header/header_section/header_section_item_button.tsx b/src/components/header/header_section/header_section_item_button.tsx
index 9ba1ffb4724..5af51136ae8 100644
--- a/src/components/header/header_section/header_section_item_button.tsx
+++ b/src/components/header/header_section/header_section_item_button.tsx
@@ -21,17 +21,18 @@ import { EuiIcon } from '../../icon';
 import { EuiButtonEmpty, EuiButtonEmptyProps } from '../../button';
 import { EuiHideFor, EuiShowFor } from '../../responsive';
 
-export type EuiHeaderSectionItemButtonProps = EuiButtonEmptyProps & {
-  /**
-   * Inserts the node into a EuiBadgeNotification and places it appropriately against the button.
-   * Or pass `true` to render a simple dot
-   */
-  notification?: EuiNotificationBadgeProps['children'] | boolean;
-  /**
-   * Changes the color of the notification background
-   */
-  notificationColor?: EuiNotificationBadgeProps['color'];
-};
+export type EuiHeaderSectionItemButtonProps = PropsWithChildren &
+  EuiButtonEmptyProps & {
+    /**
+     * Inserts the node into a EuiBadgeNotification and places it appropriately against the button.
+     * Or pass `true` to render a simple dot
+     */
+    notification?: EuiNotificationBadgeProps['children'] | boolean;
+    /**
+     * Changes the color of the notification background
+     */
+    notificationColor?: EuiNotificationBadgeProps['color'];
+  };
 
 export type EuiHeaderSectionItemButtonRef =
   | (HTMLButtonElement & { euiAnimate: () => void })
@@ -39,7 +40,7 @@ export type EuiHeaderSectionItemButtonRef =
 
 export const EuiHeaderSectionItemButton = forwardRef<
   EuiHeaderSectionItemButtonRef,
-  PropsWithChildren<EuiHeaderSectionItemButtonProps>
+  EuiHeaderSectionItemButtonProps
 >(
   (
     {
diff --git a/src/components/image/image_types.ts b/src/components/image/image_types.ts
index 5df81ec0378..51bd56b5042 100644
--- a/src/components/image/image_types.ts
+++ b/src/components/image/image_types.ts
@@ -6,7 +6,12 @@
  * Side Public License, v 1.
  */
 
-import { HTMLAttributes, ReactNode, ImgHTMLAttributes } from 'react';
+import {
+  HTMLAttributes,
+  ReactNode,
+  ImgHTMLAttributes,
+  PropsWithChildren,
+} from 'react';
 import { CommonProps, ExclusiveUnion } from '../common';
 
 export const SIZES = ['s', 'm', 'l', 'xl', 'fullWidth', 'original'] as const;
@@ -85,32 +90,31 @@ export type EuiImageProps = CommonProps &
     wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
   };
 
-export type EuiImageWrapperProps = Pick<
-  EuiImageProps,
-  | 'alt'
-  | 'caption'
-  | 'float'
-  | 'margin'
-  | 'hasShadow'
-  | 'wrapperProps'
-  | 'fullScreenIconColor'
-  | 'allowFullScreen'
-  | 'onFullScreen'
-> & {
-  isFullWidth: boolean;
-  setIsFullScreen: (isFullScreen: boolean) => void;
-};
+export type EuiImageWrapperProps = PropsWithChildren &
+  Pick<
+    EuiImageProps,
+    | 'alt'
+    | 'caption'
+    | 'float'
+    | 'margin'
+    | 'hasShadow'
+    | 'wrapperProps'
+    | 'fullScreenIconColor'
+    | 'allowFullScreen'
+    | 'onFullScreen'
+  > & {
+    isFullWidth: boolean;
+    setIsFullScreen: (isFullScreen: boolean) => void;
+  };
 
-export type EuiImageButtonProps = Pick<
-  EuiImageProps,
-  'hasShadow' | 'fullScreenIconColor'
-> & {
-  hasAlt: boolean;
-  onClick: () => void;
-  onKeyDown?: (e: React.KeyboardEvent) => void;
-  isFullWidth: boolean;
-  isFullScreen?: boolean;
-};
+export type EuiImageButtonProps = PropsWithChildren &
+  Pick<EuiImageProps, 'hasShadow' | 'fullScreenIconColor'> & {
+    hasAlt: boolean;
+    onClick: () => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    isFullWidth: boolean;
+    isFullScreen?: boolean;
+  };
 
 export type EuiImageCaptionProps = Pick<EuiImageProps, 'caption'> & {
   isOnOverlayMask?: boolean;
diff --git a/src/components/inline_edit/inline_edit_form.tsx b/src/components/inline_edit/inline_edit_form.tsx
index 71e611b5e21..240b2c60295 100644
--- a/src/components/inline_edit/inline_edit_form.tsx
+++ b/src/components/inline_edit/inline_edit_form.tsx
@@ -90,7 +90,10 @@ export type EuiInlineEditCommonProps = HTMLAttributes<HTMLDivElement> &
   };
 
 // Internal-only props, passed by the consumer-facing components
-export type EuiInlineEditFormProps = EuiInlineEditCommonProps & {
+export type EuiInlineEditFormProps = Omit<
+  EuiInlineEditCommonProps,
+  'children'
+> & {
   /**
    * Form sizes
    */
diff --git a/src/components/inner_text/render_to_text.test.tsx b/src/components/inner_text/render_to_text.test.tsx
index 8dd93b5714f..6fdb425914b 100644
--- a/src/components/inner_text/render_to_text.test.tsx
+++ b/src/components/inner_text/render_to_text.test.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 import { mount } from 'enzyme';
 import { useRenderToText } from './render_to_text';
 
@@ -14,7 +14,7 @@ describe('useRenderToText', () => {
   it("Returns a ReactNode's rendered string content", () => {
     const renderedTexts: string[] = [];
 
-    const Component: FunctionComponent = ({ children }) => {
+    const Component: FunctionComponent<PropsWithChildren> = ({ children }) => {
       const text = useRenderToText(children);
       renderedTexts.push(text);
       return <div>{text}</div>;
diff --git a/src/components/markdown_editor/markdown_editor_drop_zone.tsx b/src/components/markdown_editor/markdown_editor_drop_zone.tsx
index 0d9caa27f91..00ce31139bd 100644
--- a/src/components/markdown_editor/markdown_editor_drop_zone.tsx
+++ b/src/components/markdown_editor/markdown_editor_drop_zone.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, useEffect } from 'react';
+import React, { FunctionComponent, PropsWithChildren, useEffect } from 'react';
 import classNames from 'classnames';
 import { useDropzone } from 'react-dropzone';
 import { EuiMarkdownEditorFooter } from './markdown_editor_footer';
@@ -19,7 +19,7 @@ import {
 } from './markdown_types';
 import { useResizeObserver } from '../observer/resize_observer';
 
-interface EuiMarkdownEditorDropZoneProps {
+interface EuiMarkdownEditorDropZoneProps extends PropsWithChildren {
   uiPlugins: EuiMarkdownEditorUiPlugin[];
   errors: EuiMarkdownParseError[];
   dropHandlers: EuiMarkdownDropHandler[];
diff --git a/src/components/markdown_editor/plugins/markdown_checkbox/renderer.tsx b/src/components/markdown_editor/plugins/markdown_checkbox/renderer.tsx
index c594543aec9..f952db2410c 100644
--- a/src/components/markdown_editor/plugins/markdown_checkbox/renderer.tsx
+++ b/src/components/markdown_editor/plugins/markdown_checkbox/renderer.tsx
@@ -6,17 +6,20 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, useContext } from 'react';
+import React, { FunctionComponent, PropsWithChildren, useContext } from 'react';
 import { EuiCheckbox } from '../../../form/checkbox';
 import { EuiMarkdownContext } from '../../markdown_context';
 import { useGeneratedHtmlId } from '../../../../services/accessibility';
 import { EuiMarkdownAstNodePosition } from '../../markdown_types';
 import { CheckboxNodeDetails } from './types';
 
-export const CheckboxMarkdownRenderer: FunctionComponent<
+type CheckboxMarkdownRendererProps = PropsWithChildren &
   CheckboxNodeDetails & {
     position: EuiMarkdownAstNodePosition;
-  }
+  };
+
+export const CheckboxMarkdownRenderer: FunctionComponent<
+  CheckboxMarkdownRendererProps
 > = ({ position, lead, label, isChecked, children }) => {
   const { replaceNode } = useContext(EuiMarkdownContext);
   return (
diff --git a/src/components/markdown_editor/plugins/markdown_tooltip/renderer.tsx b/src/components/markdown_editor/plugins/markdown_tooltip/renderer.tsx
index 0110cf2ea56..ef952bb2f69 100644
--- a/src/components/markdown_editor/plugins/markdown_tooltip/renderer.tsx
+++ b/src/components/markdown_editor/plugins/markdown_tooltip/renderer.tsx
@@ -6,16 +6,19 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 import { EuiMarkdownAstNodePosition } from '../../markdown_types';
 import { EuiToolTip } from '../../../tool_tip';
 import { EuiIcon } from '../../../icon';
 import { TooltipNodeDetails } from './types';
 
-export const tooltipMarkdownRenderer: FunctionComponent<
+type TooltipMarkdownRendererProps = PropsWithChildren &
   TooltipNodeDetails & {
     position: EuiMarkdownAstNodePosition;
-  }
+  };
+
+export const tooltipMarkdownRenderer: FunctionComponent<
+  TooltipMarkdownRendererProps
 > = ({ content, children }) => {
   return (
     <span>
diff --git a/src/components/observer/mutation_observer/mutation_observer.test.tsx b/src/components/observer/mutation_observer/mutation_observer.test.tsx
index c34f9504f9b..63892a690e5 100644
--- a/src/components/observer/mutation_observer/mutation_observer.test.tsx
+++ b/src/components/observer/mutation_observer/mutation_observer.test.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, useState } from 'react';
+import React, { FunctionComponent, useState, PropsWithChildren } from 'react';
 import { mount } from 'enzyme';
 import { EuiMutationObserver, useMutationObserver } from './mutation_observer';
 import { sleep } from '../../../test';
@@ -51,14 +51,16 @@ describe('useMutationObserver', () => {
     expect.assertions(2);
 
     const mutationCallback = jest.fn();
-    const Wrapper: FunctionComponent<{}> = jest.fn(({ children }) => {
-      const [ref, setRef] = useState<Element | null>(null);
-      useMutationObserver(ref, mutationCallback, {
-        childList: true,
-        subtree: true,
-      });
-      return <div ref={setRef}>{children}</div>;
-    });
+    const Wrapper: FunctionComponent<PropsWithChildren> = jest.fn(
+      ({ children }) => {
+        const [ref, setRef] = useState<Element | null>(null);
+        useMutationObserver(ref, mutationCallback, {
+          childList: true,
+          subtree: true,
+        });
+        return <div ref={setRef}>{children}</div>;
+      }
+    );
 
     const component = mount(<Wrapper children={<div>Hello World</div>} />);
 
diff --git a/src/components/observer/resize_observer/resize_observer.test.tsx b/src/components/observer/resize_observer/resize_observer.test.tsx
index 7632e050fef..ee48d15f748 100644
--- a/src/components/observer/resize_observer/resize_observer.test.tsx
+++ b/src/components/observer/resize_observer/resize_observer.test.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, useState } from 'react';
+import React, { FunctionComponent, PropsWithChildren, useState } from 'react';
 import { mount } from 'enzyme';
 import { EuiResizeObserver, useResizeObserver } from './resize_observer';
 import { sleep } from '../../../test';
@@ -49,7 +49,7 @@ describe.skip('testResizeObservers', () => {
       expect.assertions(2);
       const onResize = jest.fn();
 
-      const Wrapper: FunctionComponent<{}> = ({ children }) => {
+      const Wrapper: FunctionComponent<PropsWithChildren> = ({ children }) => {
         return (
           <EuiResizeObserver onResize={onResize}>
             {(resizeRef: (e: HTMLElement | null) => void) => (
@@ -85,11 +85,13 @@ describe.skip('testResizeObservers', () => {
     it('watches for a resize', async () => {
       expect.assertions(2);
 
-      const Wrapper: FunctionComponent<{}> = jest.fn(({ children }) => {
-        const [ref, setRef] = useState<Element | null>(null);
-        useResizeObserver(ref);
-        return <div ref={setRef}>{children}</div>;
-      });
+      const Wrapper: FunctionComponent<PropsWithChildren> = jest.fn(
+        ({ children }) => {
+          const [ref, setRef] = useState<Element | null>(null);
+          useResizeObserver(ref);
+          return <div ref={setRef}>{children}</div>;
+        }
+      );
 
       const component = mount(<Wrapper children={<div>Hello World</div>} />);
 
diff --git a/src/components/page/page_body/page_body.tsx b/src/components/page/page_body/page_body.tsx
index 2ae02a11e06..84f518a2b55 100644
--- a/src/components/page/page_body/page_body.tsx
+++ b/src/components/page/page_body/page_body.tsx
@@ -19,26 +19,28 @@ import { euiPageBodyStyles } from './page_body.styles';
 
 type ComponentTypes = keyof JSX.IntrinsicElements | ComponentType<any>;
 
-export type EuiPageBodyProps<T extends ComponentTypes = 'main'> = CommonProps &
-  ComponentProps<T> &
-  _EuiPageRestrictWidth & {
-    /**
-     * Sets the HTML element for `EuiPageBody`.
-     */
-    component?: T;
-    /**
-     * Uses an EuiPanel as the main component instead of a plain div
-     */
-    panelled?: boolean;
-    /**
-     * Extends any extra EuiPanel props if `panelled=true`
-     */
-    panelProps?: Omit<EuiPanelProps, 'paddingSize'>;
-    /**
-     * Adjusts the padding
-     */
-    paddingSize?: EuiPaddingSize;
-  };
+export type EuiPageBodyProps<T extends ComponentTypes = 'main'> =
+  PropsWithChildren &
+    CommonProps &
+    ComponentProps<T> &
+    _EuiPageRestrictWidth & {
+      /**
+       * Sets the HTML element for `EuiPageBody`.
+       */
+      component?: T;
+      /**
+       * Uses an EuiPanel as the main component instead of a plain div
+       */
+      panelled?: boolean;
+      /**
+       * Extends any extra EuiPanel props if `panelled=true`
+       */
+      panelProps?: Omit<EuiPanelProps, 'paddingSize'>;
+      /**
+       * Adjusts the padding
+       */
+      paddingSize?: EuiPaddingSize;
+    };
 
 export const EuiPageBody = <T extends ComponentTypes>({
   children,
@@ -51,7 +53,7 @@ export const EuiPageBody = <T extends ComponentTypes>({
   paddingSize = 'none',
   borderRadius = 'none',
   ...rest
-}: PropsWithChildren<EuiPageBodyProps<T>>) => {
+}: EuiPageBodyProps<T>) => {
   // Set max-width as a style prop
   const widthStyles = setStyleForRestrictedPageWidth(
     restrictWidth,
diff --git a/src/components/page_template/inner/page_inner.tsx b/src/components/page_template/inner/page_inner.tsx
index 47f06f351de..062c58af216 100644
--- a/src/components/page_template/inner/page_inner.tsx
+++ b/src/components/page_template/inner/page_inner.tsx
@@ -19,7 +19,8 @@ import { euiPageInnerStyles } from './page_inner.styles';
 export type ComponentTypes = keyof JSX.IntrinsicElements | ComponentType;
 
 export type _EuiPageInnerProps<T extends ComponentTypes = 'main'> =
-  CommonProps &
+  PropsWithChildren &
+    CommonProps &
     ComponentProps<T> & {
       /**
        * Sets which HTML element to render.
@@ -52,7 +53,7 @@ export const _EuiPageInner = <T extends ComponentTypes>({
   paddingSize = 'none',
   responsive = ['xs', 's'],
   ...rest
-}: PropsWithChildren<_EuiPageInnerProps<T>>) => {
+}: _EuiPageInnerProps<T>) => {
   const themeContext = useEuiTheme();
   const isResponding = useIsWithinBreakpoints(responsive);
   const styles = euiPageInnerStyles(themeContext);
diff --git a/src/components/portal/portal.tsx b/src/components/portal/portal.tsx
index 996c6470915..88fe1f0de86 100644
--- a/src/components/portal/portal.tsx
+++ b/src/components/portal/portal.tsx
@@ -11,7 +11,7 @@
  * into portals.
  */
 
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import { createPortal } from 'react-dom';
 
 import { EuiNestedThemeContext } from '../../services';
@@ -95,8 +95,8 @@ export class EuiPortal extends Component<EuiPortalProps> {
   }
 
   render() {
-    return this.portalNode
-      ? createPortal(this.props.children, this.portalNode)
-      : null;
+    return this.portalNode ? (
+      <>{createPortal(this.props.children, this.portalNode)}</>
+    ) : null;
   }
 }
diff --git a/src/components/provider/cache/cache_provider.tsx b/src/components/provider/cache/cache_provider.tsx
index fd13f847a11..e846741b728 100644
--- a/src/components/provider/cache/cache_provider.tsx
+++ b/src/components/provider/cache/cache_provider.tsx
@@ -10,14 +10,14 @@ import React, { PropsWithChildren } from 'react';
 import { EmotionCache } from '@emotion/css';
 import { CacheProvider } from '@emotion/react';
 
-export interface EuiCacheProviderProps {
+export interface EuiCacheProviderProps extends PropsWithChildren {
   cache?: false | EmotionCache;
 }
 
 export const EuiCacheProvider = ({
   cache,
   children,
-}: PropsWithChildren<EuiCacheProviderProps>) => {
+}: EuiCacheProviderProps) => {
   return children && cache ? (
     <CacheProvider value={cache}>{children}</CacheProvider>
   ) : (
diff --git a/src/components/provider/provider.tsx b/src/components/provider/provider.tsx
index ed744cd000b..aff5a6f9931 100644
--- a/src/components/provider/provider.tsx
+++ b/src/components/provider/provider.tsx
@@ -30,8 +30,9 @@ const isEmotionCacheObject = (
 ): obj is EmotionCache => obj.hasOwnProperty('key');
 
 export interface EuiProviderProps<T>
-  extends Pick<EuiThemeProviderProps<T>, 'colorMode' | 'modify'>,
-    EuiGlobalStylesProps {
+  extends PropsWithChildren,
+    EuiGlobalStylesProps,
+    Pick<EuiThemeProviderProps<T>, 'colorMode' | 'modify'> {
   /**
    * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
    * Pass `null` to remove all theming including global reset
diff --git a/src/components/resizable_container/resizable_container.tsx b/src/components/resizable_container/resizable_container.tsx
index 87bfb8c5bf7..b5fc1c017f6 100644
--- a/src/components/resizable_container/resizable_container.tsx
+++ b/src/components/resizable_container/resizable_container.tsx
@@ -46,7 +46,7 @@ import {
 import { euiResizableContainerStyles } from './resizable_container.styles';
 
 export interface EuiResizableContainerProps
-  extends HTMLAttributes<HTMLDivElement>,
+  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>,
     CommonProps {
   /**
    * Specify the container direction
diff --git a/src/components/table/mobile/table_sort_mobile_item.tsx b/src/components/table/mobile/table_sort_mobile_item.tsx
index 4196cb69a8f..d43d64583b3 100644
--- a/src/components/table/mobile/table_sort_mobile_item.tsx
+++ b/src/components/table/mobile/table_sort_mobile_item.tsx
@@ -6,13 +6,15 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 import classNames from 'classnames';
 import { CommonProps } from '../../common';
 
 import { EuiContextMenuItem } from '../../context_menu';
 
-export interface EuiTableSortMobileItemProps extends CommonProps {
+export interface EuiTableSortMobileItemProps
+  extends PropsWithChildren,
+    CommonProps {
   /**
    * Callback to know when an item has been clicked
    */
diff --git a/src/components/table/table_body.tsx b/src/components/table/table_body.tsx
index 89582a4f47b..58f278af287 100644
--- a/src/components/table/table_body.tsx
+++ b/src/components/table/table_body.tsx
@@ -6,12 +6,13 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, Ref } from 'react';
+import React, { FunctionComponent, PropsWithChildren, Ref } from 'react';
 import { CommonProps } from '../common';
 
-export type EuiTableBodyProps = CommonProps & {
-  bodyRef?: Ref<HTMLTableSectionElement>;
-};
+export type EuiTableBodyProps = PropsWithChildren &
+  CommonProps & {
+    bodyRef?: Ref<HTMLTableSectionElement>;
+  };
 
 export const EuiTableBody: FunctionComponent<EuiTableBodyProps> = ({
   children,
diff --git a/src/components/table/table_footer.tsx b/src/components/table/table_footer.tsx
index a9809f9a598..083dc8edf44 100644
--- a/src/components/table/table_footer.tsx
+++ b/src/components/table/table_footer.tsx
@@ -6,14 +6,12 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 import { CommonProps } from '../common';
 
-export const EuiTableFooter: FunctionComponent<CommonProps> = ({
-  children,
-  className,
-  ...rest
-}) => {
+export const EuiTableFooter: FunctionComponent<
+  PropsWithChildren & CommonProps
+> = ({ children, className, ...rest }) => {
   return (
     <tfoot className={className} {...rest}>
       <tr>{children}</tr>
diff --git a/src/components/tabs/tabs.tsx b/src/components/tabs/tabs.tsx
index f5a269f0728..adeaae1a597 100644
--- a/src/components/tabs/tabs.tsx
+++ b/src/components/tabs/tabs.tsx
@@ -21,8 +21,9 @@ import { EuiTabsContext } from './tabs_context';
 export const SIZES = ['s', 'm', 'l', 'xl'] as const;
 export type EuiTabsSizes = (typeof SIZES)[number];
 
-export type EuiTabsProps = CommonProps &
-  HTMLAttributes<HTMLDivElement> & {
+export type EuiTabsProps = HTMLAttributes<HTMLDivElement> &
+  PropsWithChildren &
+  CommonProps & {
     /**
      * ReactNode to render as this component's content
      */
@@ -45,7 +46,7 @@ export type EuiTabsProps = CommonProps &
 
 export type EuiTabRef = HTMLDivElement;
 
-export const EuiTabs = forwardRef<EuiTabRef, PropsWithChildren<EuiTabsProps>>(
+export const EuiTabs = forwardRef<EuiTabRef, EuiTabsProps>(
   (
     {
       children,
@@ -54,7 +55,7 @@ export const EuiTabs = forwardRef<EuiTabRef, PropsWithChildren<EuiTabsProps>>(
       expand = false,
       size = 'm',
       ...rest
-    }: PropsWithChildren<EuiTabsProps>,
+    }: EuiTabsProps,
     ref
   ) => {
     const euiTheme = useEuiTheme();
diff --git a/src/services/breakpoint/current_breakpoint.tsx b/src/services/breakpoint/current_breakpoint.tsx
index bae352cf422..71c04ee4e05 100644
--- a/src/services/breakpoint/current_breakpoint.tsx
+++ b/src/services/breakpoint/current_breakpoint.tsx
@@ -13,6 +13,7 @@ import React, {
   useMemo,
   useCallback,
   FunctionComponent,
+  PropsWithChildren,
 } from 'react';
 
 import { keysOf } from '../../components/common';
@@ -33,9 +34,9 @@ export const CurrentEuiBreakpointContext =
  * Top level provider (nested within EuiProvider) which provides a single
  * resize listener that returns the current breakpoint based on window width
  */
-export const CurrentEuiBreakpointProvider: FunctionComponent = ({
-  children,
-}) => {
+export const CurrentEuiBreakpointProvider: FunctionComponent<
+  PropsWithChildren
+> = ({ children }) => {
   // Obtain the breakpoints map from the EUI theme
   const {
     euiTheme: { breakpoint: breakpoints },
diff --git a/src/services/theme/provider.tsx b/src/services/theme/provider.tsx
index a2a7347d883..66e8252a9c1 100644
--- a/src/services/theme/provider.tsx
+++ b/src/services/theme/provider.tsx
@@ -37,7 +37,13 @@ import {
   EuiThemeModifications,
 } from './types';
 
-export interface EuiThemeProviderProps<T> {
+type LEVELS = 'log' | 'warn' | 'error';
+let providerWarning: LEVELS | undefined = undefined;
+export const setEuiDevProviderWarning = (level: LEVELS | undefined) =>
+  (providerWarning = level);
+export const getEuiDevProviderWarning = () => providerWarning;
+
+export interface EuiThemeProviderProps<T> extends PropsWithChildren {
   theme?: EuiThemeSystem<T>;
   colorMode?: EuiThemeColorMode;
   modify?: EuiThemeModifications<T>;
@@ -62,7 +68,7 @@ export const EuiThemeProvider = <T extends {} = {}>({
   modify: _modifications,
   children,
   wrapperProps,
-}: PropsWithChildren<EuiThemeProviderProps<T>>) => {
+}: EuiThemeProviderProps<T>) => {
   const { isGlobalTheme, bodyColor } = useContext(EuiNestedThemeContext);
   const parentSystem = useContext(EuiSystemContext);
   const parentModifications = useContext(EuiModificationsContext);
diff --git a/yarn.lock b/yarn.lock
index d70663f092e..3e9f0e8a125 100755
--- a/yarn.lock
+++ b/yarn.lock
@@ -4845,14 +4845,14 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
-"@types/react-dom@<18.0.0", "@types/react-dom@^17.0.11":
-  version "17.0.20"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.20.tgz#e0c8901469d732b36d8473b40b679ad899da1b53"
-  integrity sha512-4pzIjSxDueZZ90F52mU3aPoogkHIoSIDG+oQ+wQK7Cy2B9S+MvOqY0uEA/qawKz381qrEDkvpwyt8Bm31I8sbA==
+"@types/react-dom@<18.0.0", "@types/react-dom@>=16.9.0":
+  version "17.0.11"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.11.tgz#e1eadc3c5e86bdb5f7684e00274ae228e7bcc466"
+  integrity sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==
   dependencies:
-    "@types/react" "^17"
+    "@types/react" "*"
 
-"@types/react-dom@>=16.9.0":
+"@types/react-dom@^18.2.6":
   version "18.2.6"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.6.tgz#ad621fa71a8db29af7c31b41b2ea3d8a6f4144d1"
   integrity sha512-2et4PDvg6PVCyS7fuTc4gPoksV58bW0RwSxWKcPRcHZf0PRUGq03TKcD/rUHe3azfV6/5/biUBJw+HhCQjaP0A==
@@ -4921,37 +4921,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*":
-  version "18.2.6"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.6.tgz#5cd53ee0d30ffc193b159d3516c8c8ad2f19d571"
-  integrity sha512-wRZClXn//zxCFW+ye/D2qY65UsYP1Fpex2YXorHc8awoNamkMZSvBxwxdYVInsHOZZd2Ppq8isnSzJL5Mpf8OA==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
-"@types/react@>=16", "@types/react@>=16.9.0":
-  version "18.2.13"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.13.tgz#a98c09bde8b18f80021935b11d2d29ef5f4dcb2f"
-  integrity sha512-vJ+zElvi/Zn9cVXB5slX2xL8PZodPCwPRDpittQdw43JR2AJ5k3vKdgJJyneV/cYgIbLQUwXa9JVDvUZXGba+Q==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
-"@types/react@^16":
-  version "16.14.43"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.43.tgz#bc6e7a0e99826809591d38ddf1193955de32c446"
-  integrity sha512-7zdjv7jvoLLQg1tTvpQsm+hyNUMT2mPlNV1+d0I8fbGhkJl82spopMyBlu4wb1dviZAxpGdk5eHu/muacknnfw==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
-"@types/react@^17", "@types/react@^17.0.38":
-  version "17.0.62"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.62.tgz#2efe8ddf8533500ec44b1334dd1a97caa2f860e3"
-  integrity sha512-eANCyz9DG8p/Vdhr0ZKST8JV12PhH2ACCDYlFw6DIO+D+ca+uP4jtEDEpVqXZrh/uZdXQGwk7whJa3ah5DtyLw==
+"@types/react@*", "@types/react@>=16", "@types/react@>=16.9.0", "@types/react@^16", "@types/react@^18", "@types/react@^18.2.14":
+  version "18.2.14"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.14.tgz#fa7a6fecf1ce35ca94e74874f70c56ce88f7a127"
+  integrity sha512-A0zjq+QN/O0Kpe30hA1GidzyFjatVvrpIvWLxD+xv67Vt91TWWgco9IvrJBkeyHm1trGaFS/FSGqPlhyeZRm0g==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -17769,14 +17742,13 @@ react-docgen@^5.0.0:
     node-dir "^0.1.10"
     strip-indent "^3.0.0"
 
-react-dom@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
-  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
+react-dom@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
+  integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    scheduler "^0.20.2"
+    scheduler "^0.23.0"
 
 react-dropzone@^11.5.3:
   version "11.5.3"
@@ -18041,13 +18013,12 @@ react-window@^1.8.6:
     "@babel/runtime" "^7.0.0"
     memoize-one ">=3.1.1 <6"
 
-react@^17.0.0, react@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
-  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+react@^18, react@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
+  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
 
 read-cache@^1.0.0:
   version "1.0.0"
@@ -18969,6 +18940,13 @@ scheduler@^0.20.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
+scheduler@^0.23.0:
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"
+  integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==
+  dependencies:
+    loose-envify "^1.1.0"
+
 schema-utils@2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"

From 160001d6323743412799c11849230a24c591d2ed Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Wed, 12 Jul 2023 23:12:36 +0200
Subject: [PATCH 03/24] build: Cypress React 18 support and React version
 switcher (#6933)

* refactor: convert Cypress mount and realMount commands to TypeScript

* build: Conditionally use @cypress/react or @cypress/react18 depending on REACT_VERSION environment variable

* build: add Cypress React version switcher

* docs: update cypress-testing.md

* build: move react version console.log
---
 cypress/support/index.d.ts                    |  12 +-
 cypress/support/setup/mount.js                |  16 ---
 cypress/support/setup/mount.tsx               |  30 +++++
 .../setup/{realMount.js => realMount.tsx}     |  15 ++-
 cypress/webpack.config.js                     |  17 ++-
 package.json                                  |   7 +-
 scripts/cypress.js                            |   8 ++
 .../testing/cypress-testing.md                |   5 +
 yarn.lock                                     | 120 ++++++++----------
 9 files changed, 129 insertions(+), 101 deletions(-)
 create mode 100644 cypress/support/setup/mount.tsx
 rename cypress/support/setup/{realMount.js => realMount.tsx} (69%)

diff --git a/cypress/support/index.d.ts b/cypress/support/index.d.ts
index b2d2eb20f2b..120cbb74de4 100644
--- a/cypress/support/index.d.ts
+++ b/cypress/support/index.d.ts
@@ -1,8 +1,7 @@
-import type { ReactNode } from 'react';
-import { mount } from 'cypress/react';
 import { ContextObject, Result, RunOptions } from 'axe-core';
 import { realPress } from 'cypress-real-events/commands/realPress';
-import type { EuiProviderProps } from '../../src/components/provider';
+import type { mountCommand } from './setup/mount';
+import type { realMountCommand } from './setup/realMount';
 
 type KeyOrShortcut = Parameters<typeof realPress>[0];
 type RealPressOptions = Parameters<typeof realPress>[1];
@@ -32,16 +31,13 @@ declare global {
       /**
        * Mounts components with a basic `EuiProvider` wrapper
        */
-      mount: <T = {}>(
-        children: ReactNode,
-        options?: { providerProps?: Partial<EuiProviderProps<T>> }
-      ) => ReturnType<typeof mount>;
+      mount: mountCommand;
 
       /**
        * This ensures the correct testing window has focus when using Cypress Real Events.
        * @see https://github.com/dmtrKovalenko/cypress-real-events/issues/196
        */
-      realMount: typeof mount;
+      realMount: realMountCommand;
 
       /**
        * Repeat the Real Events `realPress()` method 2 or more times
diff --git a/cypress/support/setup/mount.js b/cypress/support/setup/mount.js
index c0f7edf3e3f..e69de29bb2d 100644
--- a/cypress/support/setup/mount.js
+++ b/cypress/support/setup/mount.js
@@ -1,16 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-import React from 'react';
-import { mount as cypressMount } from 'cypress/react';
-import { EuiProvider } from '../../../src';
-
-Cypress.Commands.add('mount', (children, options = {}) => {
-  const { providerProps } = options;
-  return cypressMount(<EuiProvider {...providerProps}>{children}</EuiProvider>);
-});
diff --git a/cypress/support/setup/mount.tsx b/cypress/support/setup/mount.tsx
new file mode 100644
index 00000000000..3cc6aaaa9d6
--- /dev/null
+++ b/cypress/support/setup/mount.tsx
@@ -0,0 +1,30 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import React, { ReactNode } from 'react';
+import { EuiProvider } from '../../../src';
+import type { mount } from '@cypress/react18';
+
+// Pick cypress mount function based on which React version is currently being
+// tested. It has to be directly compared against process.env.REACT_VERSION
+// for tree-shaking to work and not throw an error because of a missing import.
+let cypressMount: typeof mount;
+if (process.env.REACT_VERSION === '18') {
+  cypressMount = require('@cypress/react18').mount;
+} else {
+  cypressMount = require('@cypress/react').mount;
+}
+
+const mountCommand = (children: ReactNode): ReturnType<typeof mount> => {
+  return cypressMount(<EuiProvider>{children}</EuiProvider>);
+};
+
+// Export only the type to not confuse code-completion tools
+export type mountCommand = typeof mountCommand;
+
+Cypress.Commands.add('mount', mountCommand);
diff --git a/cypress/support/setup/realMount.js b/cypress/support/setup/realMount.tsx
similarity index 69%
rename from cypress/support/setup/realMount.js
rename to cypress/support/setup/realMount.tsx
index 0324084d970..cb114cb5dcf 100644
--- a/cypress/support/setup/realMount.js
+++ b/cypress/support/setup/realMount.tsx
@@ -6,21 +6,26 @@
  * Side Public License, v 1.
  */
 
-import { React, Fragment } from 'react';
+import React, { ReactNode } from 'react';
 import './mount';
 
-Cypress.Commands.add('realMount', (children) => {
+const realMountCommand = (children: ReactNode) => {
   cy.mount(
-    <Fragment>
+    <>
       <div
         data-test-subj="cypress-real-event-target"
         style={{ height: '1px', width: '1px' }}
       />
       {children}
-    </Fragment>
+    </>
   ).then(() => {
     cy.get('[data-test-subj="cypress-real-event-target"]').realClick({
       position: 'topLeft',
     });
   });
-});
+};
+
+// Export only the type to not confuse code-completion tools
+export type realMountCommand = typeof realMountCommand;
+
+Cypress.Commands.add('realMount', realMountCommand);
diff --git a/cypress/webpack.config.js b/cypress/webpack.config.js
index b026d3515ef..c7704a93e3f 100644
--- a/cypress/webpack.config.js
+++ b/cypress/webpack.config.js
@@ -12,6 +12,15 @@ const { ProvidePlugin, DefinePlugin } = require('webpack');
 
 const THEME_IMPORT = `'../../dist/eui_theme_${process.env.THEME}.css'`;
 
+const alias = {};
+const reactVersion = process.env.REACT_VERSION || '18';
+
+// Setup module aliasing when we're testing an older React version
+if (['16', '17'].includes(reactVersion)) {
+  alias.react = `react-${reactVersion}`;
+  alias['react-dom'] = `react-dom-${reactVersion}`;
+}
+
 module.exports = {
   mode: 'development',
 
@@ -26,6 +35,7 @@ module.exports = {
       os: false,
       process: require.resolve('process/browser'),
     },
+    alias,
   },
 
   module: {
@@ -46,9 +56,9 @@ module.exports = {
             loader: 'style-loader',
             options: {
               insert: 'meta[name="css-styles"]',
-            }
+            },
           },
-          'css-loader'
+          'css-loader',
         ],
         exclude: /node_modules/,
       },
@@ -62,7 +72,8 @@ module.exports = {
     }),
 
     new DefinePlugin({
-      THEME_IMPORT, // allow cypress/suport/index.js to require the correct css file
+      THEME_IMPORT, // allow cypress/support/component.tsx to require the correct css file
+      'process.env.REACT_VERSION': JSON.stringify(reactVersion),
     }),
   ],
 };
diff --git a/package.json b/package.json
index 078cb9261d1..f66b65866a8 100644
--- a/package.json
+++ b/package.json
@@ -117,7 +117,8 @@
     "@babel/preset-typescript": "^7.21.5",
     "@babel/template": "^7.21.9",
     "@cypress/code-coverage": "^3.10.0",
-    "@cypress/react": "^5.10.3",
+    "@cypress/react": "^7.0.3",
+    "@cypress/react18": "^2.0.0",
     "@cypress/webpack-dev-server": "^1.7.0",
     "@elastic/charts": "^53.1.1",
     "@elastic/datemath": "^5.0.3",
@@ -226,8 +227,12 @@
     "puppeteer": "^5.5.0",
     "raw-loader": "^4.0.1",
     "react": "^18.2.0",
+    "react-16": "npm:react@^16.14.0",
+    "react-17": "npm:react@^17.0.2",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
+    "react-dom-16": "npm:react-dom@^16.14.0",
+    "react-dom-17": "npm:react-dom@^17.0.2",
     "react-helmet": "^6.1.0",
     "react-redux": "^7.2.1",
     "react-refresh": "^0.11.0",
diff --git a/scripts/cypress.js b/scripts/cypress.js
index 714e322b7ba..04ba81e7673 100644
--- a/scripts/cypress.js
+++ b/scripts/cypress.js
@@ -21,12 +21,18 @@ const argv = yargs(hideBin(process.argv))
     dev: { type: 'boolean' },
     theme: { type: 'string', default: 'light', choices: ['light', 'dark'] },
     a11y: { type: 'boolean' },
+    'react-version': {
+      type: 'number',
+      default: 18,
+      choices: [16, 17, 18],
+    },
   }).argv;
 
 const isDev = argv.hasOwnProperty('dev');
 const isA11y = argv.hasOwnProperty('a11y');
 const skipScss = argv.hasOwnProperty('skip-css');
 const theme = argv.theme;
+const reactVersion = argv['react-version'];
 
 const info = chalk.white;
 const log = chalk.grey;
@@ -54,11 +60,13 @@ const cypressCommandParts = [
   `THEME=${theme}`, // pass the theme
   'BABEL_MODULES=false', // let webpack receive ES Module code
   'NODE_ENV=cypress_test', // enable code coverage checks
+  `REACT_VERSION=${reactVersion}`, // set react version to test
   `cypress ${testParams}`,
   ...argv._, // pass any extra options given to this script
 ];
 const cypressCommand = cypressCommandParts.join(' ');
 
+console.log(info(`Running tests on React v${reactVersion}`));
 console.log(info(`${isDev ? 'Opening' : 'Running'} cypress`));
 console.log(log(cypressCommand));
 execSync(cypressCommand, {
diff --git a/wiki/contributing-to-eui/testing/cypress-testing.md b/wiki/contributing-to-eui/testing/cypress-testing.md
index 7ff9fd048f9..093b125b40d 100644
--- a/wiki/contributing-to-eui/testing/cypress-testing.md
+++ b/wiki/contributing-to-eui/testing/cypress-testing.md
@@ -18,6 +18,11 @@ By default tests are run using the light theme. Dark mode can be enabled by pass
 
 To ensure tests use up-to-date styles, the test runner compiles our SCSS to CSS before executing Cypress. This adds some processing time before the tests can run, and often the existing locally-built styles are still accurate. The CSS compilation step can be skipped by passing the `--skip-css` flag to `yarn test-cypress`, `yarn test-cypress-dev` and `yarn test-cypress-a11y`.
 
+### Testing specific version of React
+
+By default, EUI Cypress tests are run using the latest supported version of React.
+You can change that behavior and run e2e tests using a different React version by passing the `--react-version` option set to `16`, `17` or `18`. 
+
 ### Cypress arguments
 
 You can also pass [Cypress CLI arguments](https://docs.cypress.io/guides/guides/command-line). For example:
diff --git a/yarn.lock b/yarn.lock
index 3e9f0e8a125..eb9fb063cb4 100755
--- a/yarn.lock
+++ b/yarn.lock
@@ -2231,20 +2231,15 @@
     js-yaml "3.14.1"
     nyc "15.1.0"
 
-"@cypress/mount-utils@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@cypress/mount-utils/-/mount-utils-1.0.2.tgz#afbc4f8c350b7cd86edc5ad0db0cbe1e0181edc8"
-  integrity sha512-Fn3fdTiyayHoy8Ol0RSu4MlBH2maQ2ZEXeEVKl/zHHXEQpld5HX3vdNLhK5YLij8cLynA4DxOT/nO9iEnIiOXw==
+"@cypress/react18@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@cypress/react18/-/react18-2.0.0.tgz#9923928328a1a775bc10b7046747d4d90452c754"
+  integrity sha512-I4iEzyPvSmADPUFT7fuihuo21zu5j5OdgB73KnuCI7VjFT6RaYnag8zBeSkXuwSBO1fbD4jeJWoDyPNLqwLspg==
 
-"@cypress/react@^5.10.3":
-  version "5.10.3"
-  resolved "https://registry.yarnpkg.com/@cypress/react/-/react-5.10.3.tgz#7e459cb70d0287d2137305b79772164681b988d3"
-  integrity sha512-E68ws4P6CPFbtIqr98rWimf47E5nY6plWwKpHt98GKadSq/MN+57qego+Z5SA1CaDLk7Pvfdk98oYNzkmj20jA==
-  dependencies:
-    "@cypress/mount-utils" "1.0.2"
-    debug "4.3.2"
-    find-webpack "2.2.1"
-    find-yarn-workspace-root "2.0.0"
+"@cypress/react@^7.0.3":
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/@cypress/react/-/react-7.0.3.tgz#e62d67c1344265ee959e99100ce237663f20abb1"
+  integrity sha512-YseqnMugTbdPV9YCYEMXVqIf+P7x+pfjXOdjv4dnDFqNCZeHaZfOZVFZ4XfEHVxMv0aDszxlaLiIp3QDPhr12w==
 
 "@cypress/request@^2.88.10":
   version "2.88.10"
@@ -10653,15 +10648,6 @@ find-versions@^3.0.0:
   dependencies:
     semver-regex "^2.0.0"
 
-find-webpack@2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/find-webpack/-/find-webpack-2.2.1.tgz#96e7b701a2d37c3500cae30d4dc59e14923ba460"
-  integrity sha512-OdDtn2AzQvu3l9U1TS5ALc7uTVcLK/yv3fhjo+Pz7yuv4hG3ANKnbkKnPIPZ5ofd9mpYe6wRf5g5H4X9Lx48vQ==
-  dependencies:
-    debug "4.1.1"
-    find-yarn-workspace-root "1.2.1"
-    mocked-env "1.3.2"
-
 find-yarn-workspace-root2@1.2.16:
   version "1.2.16"
   resolved "https://registry.yarnpkg.com/find-yarn-workspace-root2/-/find-yarn-workspace-root2-1.2.16.tgz#60287009dd2f324f59646bdb4b7610a6b301c2a9"
@@ -10670,21 +10656,6 @@ find-yarn-workspace-root2@1.2.16:
     micromatch "^4.0.2"
     pkg-dir "^4.2.0"
 
-find-yarn-workspace-root@1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/find-yarn-workspace-root/-/find-yarn-workspace-root-1.2.1.tgz#40eb8e6e7c2502ddfaa2577c176f221422f860db"
-  integrity sha512-dVtfb0WuQG+8Ag2uWkbG79hOUzEsRrhBzgfn86g2sJPkzmcpGdghbNTfUKGTxymFrY/tLIodDzLoW9nOJ4FY8Q==
-  dependencies:
-    fs-extra "^4.0.3"
-    micromatch "^3.1.4"
-
-find-yarn-workspace-root@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz#f47fb8d239c900eb78179aa81b66673eac88f7bd"
-  integrity sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==
-  dependencies:
-    micromatch "^4.0.2"
-
 findup@^0.1.5:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/findup/-/findup-0.1.5.tgz#8ad929a3393bac627957a7e5de4623b06b0e2ceb"
@@ -10905,15 +10876,6 @@ fs-extra@^3.0.1:
     jsonfile "^3.0.0"
     universalify "^0.1.0"
 
-fs-extra@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94"
-  integrity sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
 fs-extra@^9.0.0, fs-extra@^9.1.0:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
@@ -14026,13 +13988,6 @@ jsonfile@^3.0.0:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jsonfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
-  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
 jsonfile@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.0.1.tgz#98966cba214378c8c84b82e085907b40bf614179"
@@ -15267,16 +15222,6 @@ mkdirp@^1.0.0, mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-mocked-env@1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/mocked-env/-/mocked-env-1.3.2.tgz#548eb2fde141d083de70dc6b231cd9f3210d8731"
-  integrity sha512-jwm3ziowCjpbLNhUNYwn2G0tawV/ZGRuWeEGt6PItrkQT74Nk3pDldL2pmwm9sQZw6a/x+ZBGeBVYq54acTauQ==
-  dependencies:
-    check-more-types "2.24.0"
-    debug "4.1.1"
-    lazy-ass "1.6.0"
-    ramda "0.26.1"
-
 moment-timezone@^0.5.31:
   version "0.5.31"
   resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.31.tgz#9c40d8c5026f0c7ab46eda3d63e49c155148de05"
@@ -17646,11 +17591,6 @@ rambda@^7.1.0:
   resolved "https://registry.yarnpkg.com/rambda/-/rambda-7.5.0.tgz#1865044c59bc0b16f63026c6e5a97e4b1bbe98fe"
   integrity sha512-y/M9weqWAH4iopRd7EHDEQQvpFPHj1AA3oHozE9tfITHUtTR7Z9PSlIRRG2l1GuW7sefC1cXFfIcF+cgnShdBA==
 
-ramda@0.26.1:
-  version "0.26.1"
-  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.26.1.tgz#8d41351eb8111c55353617fc3bbffad8e4d35d06"
-  integrity sha512-hLWjpy7EnsDBb0p+Z3B7rPi3GDeRG5ZtiI33kJhTt+ORCd38AbAIjB/9zRIUoeTbE/AVX5ZkU7m6bznsvrf8eQ==
-
 ramda@0.29.0:
   version "0.29.0"
   resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.29.0.tgz#fbbb67a740a754c8a4cbb41e2a6e0eb8507f55fb"
@@ -17709,6 +17649,23 @@ re-reselect@^3.4.0:
   resolved "https://registry.yarnpkg.com/re-reselect/-/re-reselect-3.4.0.tgz#0f2303f3c84394f57f0cd31fea08a1ca4840a7cd"
   integrity sha512-JsecfN+JlckncVXTWFWjn0Vk6uInl8GSf4eEd9tTk5qXHlgqkPdILpnYpgZcISXNYAzvfvsCZviaDk8AxyS5sg==
 
+"react-16@npm:react@^16.14.0":
+  version "16.14.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
+  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+
+"react-17@npm:react@^17.0.2":
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
+  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 react-clientside-effect@^1.2.6:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz#29f9b14e944a376b03fb650eed2a754dd128ea3a"
@@ -17742,6 +17699,25 @@ react-docgen@^5.0.0:
     node-dir "^0.1.10"
     strip-indent "^3.0.0"
 
+"react-dom-16@npm:react-dom@^16.14.0":
+  version "16.14.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.14.0.tgz#7ad838ec29a777fb3c75c3a190f661cf92ab8b89"
+  integrity sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+    scheduler "^0.19.1"
+
+"react-dom-17@npm:react-dom@^17.0.2":
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
+  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    scheduler "^0.20.2"
+
 react-dom@^18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
@@ -18932,6 +18908,14 @@ sax@^1.2.4, sax@~1.2.4:
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 
+scheduler@^0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
+  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+
 scheduler@^0.20.2:
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"

From d8e93f1f028867ee643eb5885eca217b357e2f3a Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Thu, 13 Jul 2023 17:38:06 +0200
Subject: [PATCH 04/24] build: adjust enzyme, RTL and jest to run in React 18
 runtime (#6940)

* build: convert jest config to .js

* build: add react version switching

* build: add @cfaester/enzyme-adapter-react-18 enzyme adapter and use it when REACT_VERSION is 18

* build: update @testing-library/react and provide an alternative version for testing React 16 and 17

* build: polyfill TextEncoder for running React 18 tests

* build: set IS_REACT_ACT_ENVIRONMENT = true when running React 18 enzyme adapter

* test: reset dnd server context when running on react 16 and 17

* test: fix fireEvent import to use act-wrapped react equivalent

* test: update form inline snapshot due to whitespace mismatch
---
 package.json                                  |  6 +-
 scripts/jest/config.js                        | 69 +++++++++++++++++++
 scripts/jest/config.json                      | 53 --------------
 scripts/jest/setup/enzyme.js                  | 16 ++++-
 scripts/jest/setup/polyfills.js               |  5 ++
 .../drag_and_drop/droppable.test.tsx          | 13 +++-
 src/components/form/form.styles.test.tsx      |  4 +-
 .../selectable_search.test.tsx                |  2 +-
 src/test/index.ts                             |  1 +
 src/test/react_version.ts                     | 38 ++++++++++
 yarn.lock                                     | 59 +++++++++++++---
 11 files changed, 196 insertions(+), 70 deletions(-)
 create mode 100644 scripts/jest/config.js
 delete mode 100644 scripts/jest/config.json
 create mode 100644 src/test/react_version.ts

diff --git a/package.json b/package.json
index f66b65866a8..02a0cd55255 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "lint-sass": "yarn stylelint \"**/*.scss\" --quiet-deprecation-warnings",
     "test": "yarn lint && yarn test-unit",
     "test-ci": "yarn test && yarn test-cypress",
-    "test-unit": "cross-env NODE_ENV=test jest --config ./scripts/jest/config.json",
+    "test-unit": "cross-env NODE_ENV=test jest --config ./scripts/jest/config.js",
     "test-a11y": "node ./scripts/a11y-testing",
     "test-staged": "yarn lint && node scripts/test-staged.js",
     "test-cypress": "node ./scripts/cypress",
@@ -116,6 +116,7 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
     "@babel/template": "^7.21.9",
+    "@cfaester/enzyme-adapter-react-18": "^0.7.0",
     "@cypress/code-coverage": "^3.10.0",
     "@cypress/react": "^7.0.3",
     "@cypress/react18": "^2.0.0",
@@ -142,7 +143,8 @@
     "@svgr/plugin-svgo": "^8.0.1",
     "@testing-library/dom": "^8.12.0",
     "@testing-library/jest-dom": "^5.16.3",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/react-16-17": "npm:@testing-library/react@^12.1.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/classnames": "^2.2.10",
diff --git a/scripts/jest/config.js b/scripts/jest/config.js
new file mode 100644
index 00000000000..7037b61de39
--- /dev/null
+++ b/scripts/jest/config.js
@@ -0,0 +1,69 @@
+const getCacheDirectory =
+  require('jest-config/build/getCacheDirectory').default;
+
+// Set REACT_VERSION env variable to latest if empty or invalid
+if (!['16', '17', '18'].includes(process.env.REACT_VERSION)) {
+  process.env.REACT_VERSION = '18';
+}
+
+const reactVersion = process.env.REACT_VERSION;
+
+console.log(`Running tests on React v${reactVersion}`);
+
+/** @type {import('jest').Config} */
+const config = {
+  rootDir: '../../',
+  roots: [
+    '<rootDir>/src/',
+    '<rootDir>/src-docs/src/components',
+    '<rootDir>/scripts/babel',
+    '<rootDir>/scripts/tests',
+    '<rootDir>/scripts/eslint-plugin',
+  ],
+  collectCoverageFrom: [
+    'src/{components,services,global_styling}/**/*.{ts,tsx,js,jsx}',
+    '!src/{components,services,global_styling}/**/*.{testenv,spec,a11y,stories}.{ts,tsx,js,jsx}',
+    '!src/{components,services,global_styling}/index.ts',
+    '!src/{components,services,global_styling}/**/*/index.ts',
+    '!src/components/date_picker/react-datepicker/**/*.{js,jsx}',
+  ],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      '<rootDir>/scripts/jest/mocks/file_mock.js',
+    '\\.(css|less|scss)$': '<rootDir>/scripts/jest/mocks/style_mock.js',
+  },
+  setupFiles: [
+    '<rootDir>/scripts/jest/setup/enzyme.js',
+    '<rootDir>/scripts/jest/setup/throw_on_console_error.js',
+    '<rootDir>/scripts/jest/setup/mocks.js',
+  ],
+  setupFilesAfterEnv: [
+    '<rootDir>/scripts/jest/setup/polyfills.js',
+    '<rootDir>/scripts/jest/setup/unmount_enzyme.js',
+  ],
+  coverageDirectory: '<rootDir>/reports/jest-coverage',
+  coverageReporters: ['json', 'html'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
+  testMatch: ['**/*.test.js', '**/*.test.ts', '**/*.test.tsx'],
+  transform: {
+    '^.+\\.(js|tsx?)$': 'babel-jest',
+  },
+  snapshotSerializers: [
+    '<rootDir>/node_modules/enzyme-to-json/serializer',
+    '<rootDir>/scripts/jest/setup/emotion',
+  ],
+  // react version and user permissions aware cache directory
+  cacheDirectory: `${getCacheDirectory()}_react-${reactVersion}`,
+};
+
+if (['16', '17'].includes(reactVersion)) {
+  config.moduleNameMapper[
+    '^@testing-library/react((\\\\/.*)?)$'
+  ] = `@testing-library/react-16-17$1`;
+  config.moduleNameMapper['^react((\\/.*)?)$'] = `react-${reactVersion}$1`;
+  config.moduleNameMapper[
+    '^react-dom((\\/.*)?)$'
+  ] = `react-dom-${reactVersion}$1`;
+}
+
+module.exports = config;
diff --git a/scripts/jest/config.json b/scripts/jest/config.json
deleted file mode 100644
index e3b879ffce8..00000000000
--- a/scripts/jest/config.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "rootDir": "../../",
-  "roots": [
-    "<rootDir>/src/",
-    "<rootDir>/src-docs/src/components",
-    "<rootDir>/scripts/babel",
-    "<rootDir>/scripts/tests",
-    "<rootDir>/scripts/eslint-plugin"
-  ],
-  "collectCoverageFrom": [
-    "src/{components,services,global_styling}/**/*.{ts,tsx,js,jsx}",
-    "!src/{components,services,global_styling}/**/*.{testenv,spec,a11y,stories}.{ts,tsx,js,jsx}",
-    "!src/{components,services,global_styling}/index.ts",
-    "!src/{components,services,global_styling}/**/*/index.ts",
-    "!src/components/date_picker/react-datepicker/**/*.{js,jsx}"
-  ],
-  "moduleNameMapper": {
-    "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/scripts/jest/mocks/file_mock.js",
-    "\\.(css|less|scss)$": "<rootDir>/scripts/jest/mocks/style_mock.js"
-  },
-  "setupFiles": [
-    "<rootDir>/scripts/jest/setup/enzyme.js",
-    "<rootDir>/scripts/jest/setup/throw_on_console_error.js",
-    "<rootDir>/scripts/jest/setup/mocks.js"
-  ],
-  "setupFilesAfterEnv": [
-    "<rootDir>/scripts/jest/setup/polyfills.js",
-    "<rootDir>/scripts/jest/setup/unmount_enzyme.js"
-  ],
-  "coverageDirectory": "<rootDir>/reports/jest-coverage",
-  "coverageReporters": [
-    "json",
-    "html"
-  ],
-  "moduleFileExtensions": [
-    "ts",
-    "tsx",
-    "js",
-    "json"
-  ],
-  "testMatch": [
-    "**/*.test.js",
-    "**/*.test.ts",
-    "**/*.test.tsx"
-  ],
-  "transform": {
-    "^.+\\.(js|tsx?)$": "babel-jest"
-  },
-  "snapshotSerializers": [
-    "<rootDir>/node_modules/enzyme-to-json/serializer",
-    "<rootDir>/scripts/jest/setup/emotion"
-  ]
-}
diff --git a/scripts/jest/setup/enzyme.js b/scripts/jest/setup/enzyme.js
index b60dbe22bfe..334d2c91e74 100644
--- a/scripts/jest/setup/enzyme.js
+++ b/scripts/jest/setup/enzyme.js
@@ -1,4 +1,18 @@
 import { configure } from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+
+// Pick Enzyme adapter based on which React version is currently being tested.
+// It has to be directly compared against process.env.REACT_VERSION
+// for tree-shaking to work.
+let Adapter;
+if (process.env.REACT_VERSION === '18') {
+  Adapter = require('@cfaester/enzyme-adapter-react-18').default;
+
+  // set IS_REACT_ACT_ENVIRONMENT to silence "The current testing environment
+  // is not configured to support act()" errors for now
+  // TODO: Remove when enzyme tests are replaced with RTL
+  global.IS_REACT_ACT_ENVIRONMENT = true;
+} else {
+  Adapter = require('@wojtekmaj/enzyme-adapter-react-17');
+}
 
 configure({ adapter: new Adapter() });
diff --git a/scripts/jest/setup/polyfills.js b/scripts/jest/setup/polyfills.js
index 3619912b9a9..048df84a28f 100644
--- a/scripts/jest/setup/polyfills.js
+++ b/scripts/jest/setup/polyfills.js
@@ -1,9 +1,14 @@
 import { MutationObserver, MutationNotifier } from '../polyfills/mutation_observer';
+import util from 'util';
 
 // polyfill window.MutationObserver and intersect jsdom's relevant methods
 // from https://github.com/aurelia/pal-nodejs
 // https://github.com/aurelia/pal-nodejs/blob/56396ff7c7693669dbafc8e9e49ee6bc29472f12/src/nodejs-pal-builder.ts#L63
 
+Object.defineProperty(global, 'TextEncoder', {
+  value: util.TextEncoder,
+});
+
 const undos = [];
 afterAll(() => {
   while (undos.length) {
diff --git a/src/components/drag_and_drop/droppable.test.tsx b/src/components/drag_and_drop/droppable.test.tsx
index e6117afa5eb..dcbe400a536 100644
--- a/src/components/drag_and_drop/droppable.test.tsx
+++ b/src/components/drag_and_drop/droppable.test.tsx
@@ -8,9 +8,13 @@
 
 import React from 'react';
 import { mount, ReactWrapper } from 'enzyme';
+import { resetServerContext } from '@hello-pangea/dnd';
 
-import { findTestSubject } from '../../test';
-import { requiredProps } from '../../test/required_props';
+import {
+  findTestSubject,
+  requiredProps,
+  invokeOnReactVersion,
+} from '../../test';
 
 import { EuiDragDropContext, EuiDroppable } from './';
 import { EuiDroppableContext } from './droppable';
@@ -24,6 +28,11 @@ function snapshotDragDropContext(component: ReactWrapper) {
 }
 
 describe('EuiDroppable', () => {
+  afterEach(() => {
+    // Resetting DND server context is only required in older versions of React
+    invokeOnReactVersion(['16', '17'], resetServerContext);
+  });
+
   test('is rendered', () => {
     const handler = jest.fn();
     jest.mock('react', () => {
diff --git a/src/components/form/form.styles.test.tsx b/src/components/form/form.styles.test.tsx
index dc7c08ad8e6..6803be8e9fa 100644
--- a/src/components/form/form.styles.test.tsx
+++ b/src/components/form/form.styles.test.tsx
@@ -181,7 +181,7 @@ describe('euiCustomControl', () => {
     expect(result.current).toMatchInlineSnapshot(`
       "
           padding: 7px;
-
+          
           border: 1px solid #f5f7fc;
           background: #FFF no-repeat center;
 
@@ -200,7 +200,7 @@ describe('euiCustomControl', () => {
     expect(result.current).toMatchInlineSnapshot(`
       "
           padding: 15px;
-
+          
           border: 1px solid #f5f7fc;
           background: #FFF no-repeat center;
 
diff --git a/src/components/selectable/selectable_search/selectable_search.test.tsx b/src/components/selectable/selectable_search/selectable_search.test.tsx
index 631f936cc95..1964471d86e 100644
--- a/src/components/selectable/selectable_search/selectable_search.test.tsx
+++ b/src/components/selectable/selectable_search/selectable_search.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render } from '../../../test/rtl';
 import { requiredProps } from '../../../test/required_props';
 
diff --git a/src/test/index.ts b/src/test/index.ts
index 96d6201dfab..b783039efcd 100644
--- a/src/test/index.ts
+++ b/src/test/index.ts
@@ -15,3 +15,4 @@ export {
 } from './react_warnings';
 export { sleep } from './sleep';
 export * from './emotion-prefix';
+export * from './react_version';
diff --git a/src/test/react_version.ts b/src/test/react_version.ts
new file mode 100644
index 00000000000..bae0cb26d62
--- /dev/null
+++ b/src/test/react_version.ts
@@ -0,0 +1,38 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export type ReactVersion = '16' | '17' | '18';
+
+/**
+ * Get major version of React that's currently used.
+ *
+ */
+export const getReactVersion = (): ReactVersion => {
+  const reactVersion = process.env.REACT_VERSION;
+  if (reactVersion !== undefined && ['16', '17', '18'].includes(reactVersion)) {
+    return reactVersion as ReactVersion;
+  }
+
+  return '18';
+};
+
+/**
+ * Invoke passed function when running on specified version(s) of React
+ */
+export const invokeOnReactVersion = (
+  versionOrVersions: ReactVersion | ReactVersion[],
+  func: Function
+) => {
+  if (!Array.isArray(versionOrVersions)) {
+    versionOrVersions = [versionOrVersions];
+  }
+
+  if (versionOrVersions.includes(getReactVersion())) {
+    func();
+  }
+};
diff --git a/yarn.lock b/yarn.lock
index eb9fb063cb4..2ffae9ea66e 100755
--- a/yarn.lock
+++ b/yarn.lock
@@ -2183,6 +2183,15 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
+"@cfaester/enzyme-adapter-react-18@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@cfaester/enzyme-adapter-react-18/-/enzyme-adapter-react-18-0.7.0.tgz#92d81903855ed542ab54d2241a787c1b95883d0a"
+  integrity sha512-24rdgq6ncwmuyHizvKpdPUSczx5PjIhSr+LfXH/q5/Y28WbNZB6iGIqQ2iSiXp41qs+lutRIQQgwRJIf/a1N9w==
+  dependencies:
+    enzyme-shallow-equal "^1.0.0"
+    react-is "^18.0.0"
+    react-test-renderer "^18.0.0"
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"
@@ -4292,6 +4301,20 @@
     lz-string "^1.4.4"
     pretty-format "^27.0.2"
 
+"@testing-library/dom@^9.0.0":
+  version "9.3.1"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.3.1.tgz#8094f560e9389fb973fe957af41bf766937a9ee9"
+  integrity sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.1.3"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.5.0"
+    pretty-format "^27.0.2"
+
 "@testing-library/jest-dom@^5.16.3":
   version "5.16.4"
   resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.16.4.tgz#938302d7b8b483963a3ae821f1c0808f872245cd"
@@ -4307,6 +4330,15 @@
     lodash "^4.17.15"
     redent "^3.0.0"
 
+"@testing-library/react-16-17@npm:@testing-library/react@^12.1.5":
+  version "12.1.5"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.1.5.tgz#bb248f72f02a5ac9d949dea07279095fa577963b"
+  integrity sha512-OfTXCJUFgjd/digLUuPxa0+/3ZxsQmE7ub9kcbW/wi96Bh3o/p5vrETcBGfP17NWPGqeYYl5LTRpwyGoMC4ysg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@testing-library/dom" "^8.0.0"
+    "@types/react-dom" "<18.0.0"
+
 "@testing-library/react-hooks@^7.0.2":
   version "7.0.2"
   resolved "https://registry.yarnpkg.com/@testing-library/react-hooks/-/react-hooks-7.0.2.tgz#3388d07f562d91e7f2431a4a21b5186062ecfee0"
@@ -4318,14 +4350,14 @@
     "@types/react-test-renderer" ">=16.9.0"
     react-error-boundary "^3.1.0"
 
-"@testing-library/react@^12.1.5":
-  version "12.1.5"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-12.1.5.tgz#bb248f72f02a5ac9d949dea07279095fa577963b"
-  integrity sha512-OfTXCJUFgjd/digLUuPxa0+/3ZxsQmE7ub9kcbW/wi96Bh3o/p5vrETcBGfP17NWPGqeYYl5LTRpwyGoMC4ysg==
+"@testing-library/react@^14.0.0":
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-14.0.0.tgz#59030392a6792450b9ab8e67aea5f3cc18d6347c"
+  integrity sha512-S04gSNJbYE30TlIMLTzv6QCTzt9AqIF5y6s6SzVFILNcNvbV/jU96GeiTPillGQo+Ny64M/5PV7klNYYgv5Dfg==
   dependencies:
     "@babel/runtime" "^7.12.5"
-    "@testing-library/dom" "^8.0.0"
-    "@types/react-dom" "<18.0.0"
+    "@testing-library/dom" "^9.0.0"
+    "@types/react-dom" "^18.0.0"
 
 "@testing-library/user-event@^13.2.1", "@testing-library/user-event@^13.5.0":
   version "13.5.0"
@@ -4847,7 +4879,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-dom@^18.2.6":
+"@types/react-dom@^18.0.0", "@types/react-dom@^18.2.6":
   version "18.2.6"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.6.tgz#ad621fa71a8db29af7c31b41b2ea3d8a6f4144d1"
   integrity sha512-2et4PDvg6PVCyS7fuTc4gPoksV58bW0RwSxWKcPRcHZf0PRUGq03TKcD/rUHe3azfV6/5/biUBJw+HhCQjaP0A==
@@ -17827,7 +17859,7 @@ react-is@^16.12.0, react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0, react-
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0:
+"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0, react-is@^18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
@@ -17920,7 +17952,7 @@ react-router@5.3.4:
     tiny-invariant "^1.0.2"
     tiny-warning "^1.0.0"
 
-react-shallow-renderer@^16.13.1:
+react-shallow-renderer@^16.13.1, react-shallow-renderer@^16.15.0:
   version "16.15.0"
   resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
   integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
@@ -17957,6 +17989,15 @@ react-test-renderer@^17.0.0:
     react-shallow-renderer "^16.13.1"
     scheduler "^0.20.2"
 
+react-test-renderer@^18.0.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-18.2.0.tgz#1dd912bd908ff26da5b9fca4fd1c489b9523d37e"
+  integrity sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==
+  dependencies:
+    react-is "^18.2.0"
+    react-shallow-renderer "^16.15.0"
+    scheduler "^0.23.0"
+
 react-view@^2.3.2:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/react-view/-/react-view-2.3.7.tgz#86cca759618b73094172416d0c9d276fb632a25c"

From 4551c0ec3f2b2115204ec6d769f8fe1da54288c6 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Thu, 13 Jul 2023 22:19:16 +0200
Subject: [PATCH 05/24] test: React 18 snapshot adjustments (#6944)

* test: unify style properties values between React 18 and earlier versions

* test: Separate Droppable snapshots by React version and add describeByReactVersion utility

* test: separate Draggable snapshots by React version

* test: separate column selector snapshots by React version

* test: separate column sorting snapshots by React version

* fix: unify empty string rendering in snapshots between testing-library v14 (react 18-compatible) serializing and earlier versions

* docs: add testByReactVersion jsdoc
---
 .../column_selector.test.tsx.snap             | 299 +++++++++++++++++-
 .../column_sorting.test.tsx.snap              |  16 +-
 .../controls/column_selector.test.tsx         |  23 +-
 .../datagrid/controls/column_sorting.test.tsx |  25 +-
 .../__snapshots__/draggable.test.tsx.snap     |  33 +-
 .../__snapshots__/droppable.test.tsx.snap     |  50 ++-
 .../drag_and_drop/draggable.test.tsx          |   4 +-
 .../drag_and_drop/droppable.test.tsx          |   3 +-
 src/components/highlight/highlight.tsx        |   4 +-
 .../markdown_editor_text_area.tsx             |  18 +-
 .../selectable_list.test.tsx.snap             |   8 -
 .../selectable_list/selectable_list.test.tsx  |   2 +-
 src/test/react_version.ts                     |  59 +++-
 13 files changed, 487 insertions(+), 57 deletions(-)

diff --git a/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap
index a317bc6e831..7bcf150efde 100644
--- a/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popover allowing users to set column visibility and order 1`] = `
+exports[`useDataGridColumnSelector columnSelector [React 17] renders a toolbar button/popover allowing users to set column visibility and order 1`] = `
 <div
   class="euiPopover emotion-euiPopover"
   data-test-subj="dataGridColumnSelectorPopover"
@@ -31,7 +31,7 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
 </div>
 `;
 
-exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popover allowing users to set column visibility and order 2`] = `
+exports[`useDataGridColumnSelector columnSelector [React 17] renders a toolbar button/popover allowing users to set column visibility and order 2`] = `
 <div
   aria-describedby="generated-id"
   aria-live="off"
@@ -294,3 +294,298 @@ exports[`useDataGridColumnSelector columnSelector renders a toolbar button/popov
   </div>
 </div>
 `;
+
+exports[`useDataGridColumnSelector columnSelector [React 18] renders a toolbar button/popover allowing users to set column visibility and order 1`] = `
+<div
+  class="euiPopover emotion-euiPopover"
+  data-test-subj="dataGridColumnSelectorPopover"
+>
+  <div
+    class="euiPopover__anchor css-16vtueo-render"
+  >
+    <button
+      class="euiButtonEmpty euiDataGrid__controlBtn emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
+      data-test-subj="dataGridColumnSelectorButton"
+      type="button"
+    >
+      <span
+        class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+      >
+        <span
+          color="inherit"
+          data-euiicon-type="listAdd"
+        />
+        <span
+          class="eui-textTruncate euiButtonEmpty__text"
+        >
+          Columns
+        </span>
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`useDataGridColumnSelector columnSelector [React 18] renders a toolbar button/popover allowing users to set column visibility and order 2`] = `
+<div
+  aria-describedby="generated-id"
+  aria-live="off"
+  aria-modal="true"
+  class="euiPanel euiPanel--plain euiPanel--paddingSmall euiPopover__panel emotion-euiPanel-grow-m-s-plain-euiPopover__panel-hasDragDrop-bottom"
+  data-autofocus="true"
+  data-popover-panel="true"
+  role="dialog"
+  style="top: 16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
+  tabindex="0"
+>
+  <div
+    class="euiPopover__arrow emotion-euiPopoverArrow-bottom"
+    data-popover-arrow="bottom"
+    style="left: 10px; top: 0px;"
+  />
+  <p
+    class="emotion-euiScreenReaderOnly"
+    id="generated-id"
+  >
+    You are in a dialog. Press Escape, or tap/click outside the dialog to close.
+  </p>
+  <div>
+    <div>
+      <div
+        class="euiPopoverTitle emotion-euiPopoverTitle-s-s"
+      >
+        <div
+          class="euiFormControlLayout euiFormControlLayout--compressed"
+        >
+          <div
+            class="euiFormControlLayout__childrenWrapper"
+          >
+            <input
+              aria-label="Search columns"
+              class="euiFieldText euiFieldText--compressed"
+              data-test-subj="dataGridColumnSelectorSearch"
+              placeholder="Search"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiDataGrid__controlScroll"
+      >
+        <div
+          class="euiDroppable euiDroppable--noGrow"
+          data-rfd-droppable-context-id=":r0:"
+          data-rfd-droppable-id="columnOrder"
+          data-test-subj="droppable"
+        >
+          <div
+            class="euiDraggable euiDraggable--hasCustomDragHandle"
+            data-rfd-draggable-context-id=":r0:"
+            data-rfd-draggable-id="columnA"
+            data-test-subj="draggable"
+            role="group"
+          >
+            <div
+              class="euiDataGridColumnSelector__item false euiDraggable__item euiDraggable__item--hasCustomDragHandle"
+              data-test-subj="dataGridColumnSelectorColumnItem-columnA"
+            >
+              <div
+                class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
+              >
+                <div
+                  class="euiFlexItem emotion-euiFlexItem-growZero"
+                >
+                  <div
+                    class="euiSwitch euiSwitch--compressed euiSwitch--mini emotion-euiSwitch"
+                  >
+                    <button
+                      aria-checked="true"
+                      aria-label="columnA"
+                      class="euiSwitch__button"
+                      data-test-subj="dataGridColumnSelectorToggleColumnVisibility-columnA"
+                      id="generated-id"
+                      name="columnA"
+                      role="switch"
+                      type="button"
+                    >
+                      <span
+                        class="euiSwitch__body"
+                      >
+                        <span
+                          class="euiSwitch__thumb"
+                        />
+                        <span
+                          class="euiSwitch__track"
+                        />
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
+                  aria-hidden="true"
+                  class="euiFlexItem emotion-euiFlexItem-grow-1"
+                  data-rfd-drag-handle-context-id=":r0:"
+                  data-rfd-drag-handle-draggable-id="columnA"
+                  draggable="false"
+                  role="button"
+                  tabindex="-1"
+                >
+                  <span
+                    class="euiDataGridColumnSelector__itemLabel"
+                  >
+                    columnA
+                  </span>
+                </div>
+                <div
+                  aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
+                  aria-label="Drag handle"
+                  class="euiFlexItem emotion-euiFlexItem-growZero"
+                  data-rfd-drag-handle-context-id=":r0:"
+                  data-rfd-drag-handle-draggable-id="columnA"
+                  draggable="false"
+                  role="button"
+                  tabindex="0"
+                >
+                  <span
+                    color="subdued"
+                    data-euiicon-type="grab"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="euiDraggable euiDraggable--hasCustomDragHandle"
+            data-rfd-draggable-context-id=":r0:"
+            data-rfd-draggable-id="columnB"
+            data-test-subj="draggable"
+            role="group"
+          >
+            <div
+              class="euiDataGridColumnSelector__item false euiDraggable__item euiDraggable__item--hasCustomDragHandle"
+              data-test-subj="dataGridColumnSelectorColumnItem-columnB"
+            >
+              <div
+                class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
+              >
+                <div
+                  class="euiFlexItem emotion-euiFlexItem-growZero"
+                >
+                  <div
+                    class="euiSwitch euiSwitch--compressed euiSwitch--mini emotion-euiSwitch"
+                  >
+                    <button
+                      aria-checked="true"
+                      aria-label="columnB"
+                      class="euiSwitch__button"
+                      data-test-subj="dataGridColumnSelectorToggleColumnVisibility-columnB"
+                      id="generated-id"
+                      name="columnB"
+                      role="switch"
+                      type="button"
+                    >
+                      <span
+                        class="euiSwitch__body"
+                      >
+                        <span
+                          class="euiSwitch__thumb"
+                        />
+                        <span
+                          class="euiSwitch__track"
+                        />
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
+                  aria-hidden="true"
+                  class="euiFlexItem emotion-euiFlexItem-grow-1"
+                  data-rfd-drag-handle-context-id=":r0:"
+                  data-rfd-drag-handle-draggable-id="columnB"
+                  draggable="false"
+                  role="button"
+                  tabindex="-1"
+                >
+                  <span
+                    class="euiDataGridColumnSelector__itemLabel"
+                  >
+                    columnB
+                  </span>
+                </div>
+                <div
+                  aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
+                  aria-label="Drag handle"
+                  class="euiFlexItem emotion-euiFlexItem-growZero"
+                  data-rfd-drag-handle-context-id=":r0:"
+                  data-rfd-drag-handle-draggable-id="columnB"
+                  draggable="false"
+                  role="button"
+                  tabindex="0"
+                >
+                  <span
+                    color="subdued"
+                    data-euiicon-type="grab"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="euiDroppable__placeholder"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiPopoverFooter emotion-euiPopoverFooter-s-s"
+    >
+      <div
+        class="euiFlexGroup emotion-euiFlexGroup-s-spaceBetween-stretch-row"
+      >
+        <div
+          class="euiFlexItem emotion-euiFlexItem-growZero"
+        >
+          <button
+            class="euiButtonEmpty emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-primary-flush-left"
+            data-test-subj="dataGridColumnSelectorShowAllButton"
+            type="button"
+          >
+            <span
+              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+            >
+              <span
+                class="eui-textTruncate euiButtonEmpty__text"
+              >
+                Show all
+              </span>
+            </span>
+          </button>
+        </div>
+        <div
+          class="euiFlexItem emotion-euiFlexItem-growZero"
+        >
+          <button
+            class="euiButtonEmpty emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-primary-flush-right"
+            data-test-subj="dataGridColumnSelectorHideAllButton"
+            type="button"
+          >
+            <span
+              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+            >
+              <span
+                class="eui-textTruncate euiButtonEmpty__text"
+              >
+                Hide all
+              </span>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
index bcb9d73e0da..1d1a40eb83d 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover allowing users to set column sorting 1`] = `
+exports[`useDataGridColumnSorting columnSorting [React 18] renders a toolbar button/popover allowing users to set column sorting 1`] = `
 <div
   class="euiPopover emotion-euiPopover"
   data-test-subj="dataGridColumnSortingPopover"
@@ -31,7 +31,7 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
 </div>
 `;
 
-exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover allowing users to set column sorting 2`] = `
+exports[`useDataGridColumnSorting columnSorting [React 18] renders a toolbar button/popover allowing users to set column sorting 2`] = `
 <div
   aria-describedby="generated-id"
   aria-live="off"
@@ -62,13 +62,13 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
     >
       <div
         class="euiDroppable euiDroppable--noGrow"
-        data-rfd-droppable-context-id="0"
+        data-rfd-droppable-context-id=":r0:"
         data-rfd-droppable-id="columnSorting"
         data-test-subj="droppable"
       >
         <div
           class="euiDraggable euiDraggable--hasCustomDragHandle"
-          data-rfd-draggable-context-id="0"
+          data-rfd-draggable-context-id=":r0:"
           data-rfd-draggable-id="columnA"
           data-test-subj="draggable"
           role="group"
@@ -102,10 +102,10 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
                 </button>
               </div>
               <div
-                aria-describedby="rfd-hidden-text-0-hidden-text-0"
+                aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
                 aria-hidden="true"
                 class="euiFlexItem euiDataGridColumnSorting__name emotion-euiFlexItem-grow-1"
-                data-rfd-drag-handle-context-id="0"
+                data-rfd-drag-handle-context-id=":r0:"
                 data-rfd-drag-handle-draggable-id="columnA"
                 draggable="false"
                 role="button"
@@ -205,10 +205,10 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
                 </fieldset>
               </div>
               <div
-                aria-describedby="rfd-hidden-text-0-hidden-text-0"
+                aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
                 aria-label="Drag handle"
                 class="euiFlexItem emotion-euiFlexItem-growZero"
-                data-rfd-drag-handle-context-id="0"
+                data-rfd-drag-handle-context-id=":r0:"
                 data-rfd-drag-handle-draggable-id="columnA"
                 draggable="false"
                 role="button"
diff --git a/src/components/datagrid/controls/column_selector.test.tsx b/src/components/datagrid/controls/column_selector.test.tsx
index ba54f9124d3..60c8daaa801 100644
--- a/src/components/datagrid/controls/column_selector.test.tsx
+++ b/src/components/datagrid/controls/column_selector.test.tsx
@@ -9,7 +9,7 @@
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { shallow, mount, ReactWrapper } from 'enzyme';
-import { findTestSubject } from '../../../test';
+import { findTestSubject, testByReactVersion } from '../../../test';
 
 import { EuiDataGridToolBarVisibilityOptions } from '../data_grid_types';
 
@@ -76,15 +76,18 @@ describe('useDataGridColumnSelector', () => {
       component.setProps({});
     };
 
-    it('renders a toolbar button/popover allowing users to set column visibility and order', () => {
-      const component = mount(<MockComponent showColumnSelector={true} />);
-      openPopover(component);
-      expect(component.render()).toMatchSnapshot();
-      expect(
-        component.find('[data-popover-panel]').first().render()
-      ).toMatchSnapshot();
-      closePopover(component);
-    });
+    testByReactVersion(
+      'renders a toolbar button/popover allowing users to set column visibility and order',
+      () => {
+        const component = mount(<MockComponent showColumnSelector={true} />);
+        openPopover(component);
+        expect(component.render()).toMatchSnapshot();
+        expect(
+          component.find('[data-popover-panel]').first().render()
+        ).toMatchSnapshot();
+        closePopover(component);
+      }
+    );
 
     it('does not render if all valid sub-options are disabled', () => {
       const component = shallow(
diff --git a/src/components/datagrid/controls/column_sorting.test.tsx b/src/components/datagrid/controls/column_sorting.test.tsx
index 96ccbaae831..a476095f794 100644
--- a/src/components/datagrid/controls/column_sorting.test.tsx
+++ b/src/components/datagrid/controls/column_sorting.test.tsx
@@ -9,7 +9,7 @@
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { mount, ReactWrapper } from 'enzyme';
-import { findTestSubject } from '../../../test';
+import { findTestSubject, testByReactVersion } from '../../../test';
 
 import { schemaDetectors } from '../utils/data_grid_schema';
 
@@ -73,16 +73,19 @@ describe('useDataGridColumnSorting', () => {
       component.setProps({});
     };
 
-    it('renders a toolbar button/popover allowing users to set column sorting', () => {
-      const component = mount(<MockComponent />);
-      openPopover(component);
-      expect(component.render()).toMatchSnapshot();
-      expect(
-        component.find('[data-popover-panel]').first().render()
-      ).toMatchSnapshot();
-      closePopover(component);
-      expect(component.text()).toEqual('1 field sorted');
-    });
+    testByReactVersion(
+      'renders a toolbar button/popover allowing users to set column sorting',
+      () => {
+        const component = mount(<MockComponent />);
+        openPopover(component);
+        expect(component.render()).toMatchSnapshot();
+        expect(
+          component.find('[data-popover-panel]').first().render()
+        ).toMatchSnapshot();
+        closePopover(component);
+        expect(component.text()).toEqual('1 field sorted');
+      }
+    );
 
     it('returns null if sorting is not defined', () => {
       // @ts-ignore - normally this would be undefined vs. null, but we have = fallbacks up above for testing QOL
diff --git a/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap b/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap
index abd15d8fe55..5057e393180 100644
--- a/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap
+++ b/src/components/drag_and_drop/__snapshots__/draggable.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`EuiDraggable renders 1`] = `
+exports[`[React 17] EuiDraggable renders 1`] = `
 <div
   class="euiDroppable euiDroppable--noGrow"
   data-rfd-droppable-context-id="0"
@@ -30,3 +30,34 @@ exports[`EuiDraggable renders 1`] = `
   />
 </div>
 `;
+
+exports[`[React 18] EuiDraggable renders 1`] = `
+<div
+  class="euiDroppable euiDroppable--noGrow"
+  data-rfd-droppable-context-id=":r0:"
+  data-rfd-droppable-id="testDroppable"
+  data-test-subj="droppable"
+>
+  <div
+    aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
+    class="euiDraggable"
+    data-rfd-drag-handle-context-id=":r0:"
+    data-rfd-drag-handle-draggable-id="testDraggable"
+    data-rfd-draggable-context-id=":r0:"
+    data-rfd-draggable-id="testDraggable"
+    data-test-subj="draggable"
+    draggable="false"
+    role="button"
+    tabindex="0"
+  >
+    <div
+      class="euiDraggable__item"
+    >
+      Hello
+    </div>
+  </div>
+  <div
+    class="euiDroppable__placeholder"
+  />
+</div>
+`;
diff --git a/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap b/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap
index b32ca6f89f5..ca502ceeded 100644
--- a/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap
+++ b/src/components/drag_and_drop/__snapshots__/droppable.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`EuiDroppable can be given ReactElement children 1`] = `
+exports[`[React 17] EuiDroppable can be given ReactElement children 1`] = `
 <div
   class="euiDroppable euiDroppable--noGrow"
   data-rfd-droppable-context-id="0"
@@ -14,7 +14,7 @@ exports[`EuiDroppable can be given ReactElement children 1`] = `
 </div>
 `;
 
-exports[`EuiDroppable can be given multiple ReactElement children 1`] = `
+exports[`[React 17] EuiDroppable can be given multiple ReactElement children 1`] = `
 <div
   class="euiDroppable euiDroppable--noGrow"
   data-rfd-droppable-context-id="0"
@@ -30,7 +30,7 @@ exports[`EuiDroppable can be given multiple ReactElement children 1`] = `
 </div>
 `;
 
-exports[`EuiDroppable is rendered 1`] = `
+exports[`[React 17] EuiDroppable is rendered 1`] = `
 <div
   class="euiDroppable euiDroppable--noGrow"
   data-rfd-droppable-context-id="0"
@@ -43,3 +43,47 @@ exports[`EuiDroppable is rendered 1`] = `
   />
 </div>
 `;
+
+exports[`[React 18] EuiDroppable can be given ReactElement children 1`] = `
+<div
+  class="euiDroppable euiDroppable--noGrow"
+  data-rfd-droppable-context-id=":r3:"
+  data-rfd-droppable-id="testDroppable"
+  data-test-subj="droppable"
+>
+  <div />
+  <div
+    class="euiDroppable__placeholder"
+  />
+</div>
+`;
+
+exports[`[React 18] EuiDroppable can be given multiple ReactElement children 1`] = `
+<div
+  class="euiDroppable euiDroppable--noGrow"
+  data-rfd-droppable-context-id=":r6:"
+  data-rfd-droppable-id="testDroppable"
+  data-test-subj="droppable"
+>
+  <div />
+  <div />
+  <div />
+  <div
+    class="euiDroppable__placeholder"
+  />
+</div>
+`;
+
+exports[`[React 18] EuiDroppable is rendered 1`] = `
+<div
+  class="euiDroppable euiDroppable--noGrow"
+  data-rfd-droppable-context-id=":r0:"
+  data-rfd-droppable-id="testDroppable"
+  data-test-subj="droppable"
+>
+  <div />
+  <div
+    class="euiDroppable__placeholder"
+  />
+</div>
+`;
diff --git a/src/components/drag_and_drop/draggable.test.tsx b/src/components/drag_and_drop/draggable.test.tsx
index 8689b87a52d..4565f1cf580 100644
--- a/src/components/drag_and_drop/draggable.test.tsx
+++ b/src/components/drag_and_drop/draggable.test.tsx
@@ -8,10 +8,10 @@
 
 import React from 'react';
 import { render, screen } from '../../test/rtl';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps, describeByReactVersion } from '../../test';
 import { EuiDragDropContext, EuiDraggable, EuiDroppable } from './';
 
-describe('EuiDraggable', () => {
+describeByReactVersion('EuiDraggable', () => {
   it('renders', () => {
     const handler = jest.fn();
 
diff --git a/src/components/drag_and_drop/droppable.test.tsx b/src/components/drag_and_drop/droppable.test.tsx
index dcbe400a536..08849d37d8b 100644
--- a/src/components/drag_and_drop/droppable.test.tsx
+++ b/src/components/drag_and_drop/droppable.test.tsx
@@ -14,6 +14,7 @@ import {
   findTestSubject,
   requiredProps,
   invokeOnReactVersion,
+  describeByReactVersion,
 } from '../../test';
 
 import { EuiDragDropContext, EuiDroppable } from './';
@@ -27,7 +28,7 @@ function snapshotDragDropContext(component: ReactWrapper) {
   return container.firstChild;
 }
 
-describe('EuiDroppable', () => {
+describeByReactVersion('EuiDroppable', () => {
   afterEach(() => {
     // Resetting DND server context is only required in older versions of React
     invokeOnReactVersion(['16', '17'], resetServerContext);
diff --git a/src/components/highlight/highlight.tsx b/src/components/highlight/highlight.tsx
index 2870b83d1c1..b939deeef68 100644
--- a/src/components/highlight/highlight.tsx
+++ b/src/components/highlight/highlight.tsx
@@ -114,11 +114,11 @@ const highlight = (
 
   return (
     <Fragment>
-      {preMatch}
+      {preMatch || undefined}
       <EuiMark hasScreenReaderHelpText={hasScreenReaderHelpText}>
         {match}
       </EuiMark>
-      {postMatch}
+      {postMatch || undefined}
     </Fragment>
   );
 };
diff --git a/src/components/markdown_editor/markdown_editor_text_area.tsx b/src/components/markdown_editor/markdown_editor_text_area.tsx
index cada4930d35..52d38eb8ec0 100644
--- a/src/components/markdown_editor/markdown_editor_text_area.tsx
+++ b/src/components/markdown_editor/markdown_editor_text_area.tsx
@@ -6,7 +6,12 @@
  * Side Public License, v 1.
  */
 
-import React, { TextareaHTMLAttributes, forwardRef, useContext } from 'react';
+import React, {
+  TextareaHTMLAttributes,
+  forwardRef,
+  useContext,
+  CSSProperties,
+} from 'react';
 import classNames from 'classnames';
 import { CommonProps } from '../common';
 import { EuiMarkdownContext } from './markdown_context';
@@ -45,11 +50,20 @@ export const EuiMarkdownEditorTextArea = forwardRef<
       'euiMarkdownEditorTextArea-isReadOnly': readOnly,
     });
 
+    // Ignore invalid empty string style values
+    const style: CSSProperties = {};
+    if (height !== '') {
+      style.height = height;
+    }
+    if (maxHeight !== '') {
+      style.maxHeight = maxHeight;
+    }
+
     return (
       <textarea
         ref={ref}
         data-test-subj="euiMarkdownEditorTextArea"
-        style={{ height, maxHeight }}
+        style={style}
         className={classes}
         {...rest}
         rows={6}
diff --git a/src/components/selectable/selectable_list/__snapshots__/selectable_list.test.tsx.snap b/src/components/selectable/selectable_list/__snapshots__/selectable_list.test.tsx.snap
index 6ff7033da9a..65d52778ea9 100644
--- a/src/components/selectable/selectable_list/__snapshots__/selectable_list.test.tsx.snap
+++ b/src/components/selectable/selectable_list/__snapshots__/selectable_list.test.tsx.snap
@@ -2150,7 +2150,6 @@ exports[`EuiSelectableListItem props renderOption 1`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                  =&gt; 
                 Titan
               </span>
@@ -2179,7 +2178,6 @@ exports[`EuiSelectableListItem props renderOption 1`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                  =&gt; 
                 Enceladus
               </span>
@@ -2208,7 +2206,6 @@ exports[`EuiSelectableListItem props renderOption 1`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                  =&gt; 
                 Mimas
               </span>
@@ -2237,7 +2234,6 @@ exports[`EuiSelectableListItem props renderOption 1`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                  =&gt; 
                 Pandora is one of Saturn's moons, named for a Titaness of Greek mythology
               </span>
@@ -2266,7 +2262,6 @@ exports[`EuiSelectableListItem props renderOption 1`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                  =&gt; 
                 Tethys
               </span>
@@ -2295,7 +2290,6 @@ exports[`EuiSelectableListItem props renderOption 1`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                  =&gt; 
                 Hyperion
               </span>
@@ -2596,7 +2590,6 @@ exports[`EuiSelectableListItem props searchValue 1`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                 <mark
                   class="euiMark emotion-euiMark-hasScreenReaderHelpText"
                 >
@@ -2792,7 +2785,6 @@ exports[`EuiSelectableListItem props searchValue 2`] = `
               class="euiSelectableListItem__text euiSelectableListItem__text--truncate"
             >
               <span>
-                
                 <mark
                   class="euiMark emotion-euiMark-hasScreenReaderHelpText"
                 >
diff --git a/src/components/selectable/selectable_list/selectable_list.test.tsx b/src/components/selectable/selectable_list/selectable_list.test.tsx
index 0bb9ee60b70..6d671212cba 100644
--- a/src/components/selectable/selectable_list/selectable_list.test.tsx
+++ b/src/components/selectable/selectable_list/selectable_list.test.tsx
@@ -98,7 +98,7 @@ describe('EuiSelectableListItem', () => {
           renderOption={(option: EuiSelectableOption, searchValue?: string) => {
             return (
               <span>
-                {searchValue} =&gt; {option.label}
+                {searchValue || undefined} =&gt; {option.label}
               </span>
             );
           }}
diff --git a/src/test/react_version.ts b/src/test/react_version.ts
index bae0cb26d62..7c83098ff99 100644
--- a/src/test/react_version.ts
+++ b/src/test/react_version.ts
@@ -8,19 +8,34 @@
 
 export type ReactVersion = '16' | '17' | '18';
 
+export const SUPPORTED_REACT_VERSIONS: ReactVersion[] = ['16', '17', '18'];
+
 /**
  * Get major version of React that's currently used.
  *
  */
 export const getReactVersion = (): ReactVersion => {
   const reactVersion = process.env.REACT_VERSION;
-  if (reactVersion !== undefined && ['16', '17', '18'].includes(reactVersion)) {
+  if (
+    reactVersion !== undefined &&
+    SUPPORTED_REACT_VERSIONS.includes(reactVersion as ReactVersion)
+  ) {
     return reactVersion as ReactVersion;
   }
 
   return '18';
 };
 
+export const isReactVersion = (
+  versionOrVersions: ReactVersion | ReactVersion[]
+): boolean => {
+  if (!Array.isArray(versionOrVersions)) {
+    versionOrVersions = [versionOrVersions];
+  }
+
+  return versionOrVersions.includes(getReactVersion());
+};
+
 /**
  * Invoke passed function when running on specified version(s) of React
  */
@@ -28,11 +43,43 @@ export const invokeOnReactVersion = (
   versionOrVersions: ReactVersion | ReactVersion[],
   func: Function
 ) => {
-  if (!Array.isArray(versionOrVersions)) {
-    versionOrVersions = [versionOrVersions];
-  }
-
-  if (versionOrVersions.includes(getReactVersion())) {
+  if (isReactVersion(versionOrVersions)) {
     func();
   }
 };
+
+/**
+ * Jest describe wrapper calling describe() for every supported React version
+ * and prefixing the name with version numbers. Only the currently running
+ * version isn't skipped.
+ *
+ * It's primary use is to separate snapshots by React version in case there are
+ * differences with, for example, unique ID generation.
+ */
+export const describeByReactVersion = (name: string, func: () => void) => {
+  const currentVersion = getReactVersion();
+
+  SUPPORTED_REACT_VERSIONS.forEach((version) => {
+    const describeFunc = version === currentVersion ? describe : describe.skip;
+
+    describeFunc(`[React ${version}] ${name}`, func);
+  });
+};
+
+/**
+ * Jest test wrapper calling test() for every supported React version
+ * and prefixing the name with version numbers. Only the currently running
+ * version isn't skipped.
+ *
+ * It's primary use is to separate snapshots by React version in case there
+ * are differences with, for example, unique ID generation.
+ */
+export const testByReactVersion = (name: string, func: () => void) => {
+  const currentVersion = getReactVersion();
+
+  SUPPORTED_REACT_VERSIONS.forEach((version) => {
+    const testFunc = version === currentVersion ? test : test.skip;
+
+    testFunc(`[React ${version}] ${name}`, func);
+  });
+};

From e36d4cc2c4658d1f37aeeb32d9a00602b0512cb0 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Fri, 14 Jul 2023 10:50:37 +0200
Subject: [PATCH 06/24] test: React 18 act() adjustments (#6943)

* test: replace @testing-library/dom with @testing-library/react as the latter exports are wrapped in act()

* test: wrap function calls with act() that need it

* test: use act() wrapper for jest.advanceTimersByTime calls and add actAdvanceTimersByTime utility function

* test: wait for element to be rendered before taking a snapshot to fix act() warning
---
 package.json                                  |  1 -
 .../skip_link/skip_link.test.tsx              |  2 +-
 .../button/button_empty/button_empty.test.tsx |  2 +-
 .../button/button_icon/button_icon.test.tsx   |  2 +-
 .../code/code_block_annotations.test.tsx      |  2 +-
 .../color_picker/color_picker.test.tsx        | 29 ++++++---
 src/components/combo_box/combo_box.test.tsx   | 38 ++++++++----
 .../context_menu/context_menu.test.tsx        |  6 +-
 .../body/data_grid_body_custom.test.tsx       |  2 +-
 .../datagrid/body/data_grid_cell.test.tsx     | 25 ++++++--
 .../data_grid_header_cell_wrapper.test.tsx    |  2 +-
 .../body/header/header_is_interactive.test.ts |  2 +-
 .../controls/column_selector.test.tsx         |  2 +-
 .../datagrid/controls/column_sorting.test.tsx |  2 +-
 .../controls/display_selector.test.tsx        |  2 +-
 .../controls/fullscreen_selector.test.tsx     |  2 +-
 src/components/datagrid/data_grid.test.tsx    | 62 ++++++++++++-------
 .../datagrid/utils/col_widths.test.ts         |  2 +-
 src/components/datagrid/utils/focus.test.tsx  |  2 +-
 .../datagrid/utils/row_heights.test.ts        |  2 +-
 .../super_date_picker.test.tsx                |  2 +-
 src/components/delay_hide/delay_hide.test.tsx | 28 +++++----
 src/components/form/range/dual_range.test.tsx |  2 +-
 src/components/image/image.test.tsx           |  2 +-
 .../resize_observer/resize_observer.test.tsx  |  2 +-
 src/components/popover/popover.test.tsx       | 13 ++--
 src/components/search_bar/search_bar.test.tsx |  9 ++-
 src/components/selectable/selectable.test.tsx | 10 ++-
 src/components/tool_tip/tool_tip.test.tsx     |  8 ++-
 src/services/hooks/useForceRender.test.tsx    |  2 +-
 yarn.lock                                     | 19 ------
 31 files changed, 170 insertions(+), 116 deletions(-)

diff --git a/package.json b/package.json
index 02a0cd55255..6f4913860c7 100644
--- a/package.json
+++ b/package.json
@@ -141,7 +141,6 @@
     "@svgr/core": "8.0.0",
     "@svgr/plugin-jsx": "^8.0.1",
     "@svgr/plugin-svgo": "^8.0.1",
-    "@testing-library/dom": "^8.12.0",
     "@testing-library/jest-dom": "^5.16.3",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-16-17": "npm:@testing-library/react@^12.1.5",
diff --git a/src/components/accessibility/skip_link/skip_link.test.tsx b/src/components/accessibility/skip_link/skip_link.test.tsx
index 8b6fcf1e2ca..9cc00a8a66b 100644
--- a/src/components/accessibility/skip_link/skip_link.test.tsx
+++ b/src/components/accessibility/skip_link/skip_link.test.tsx
@@ -8,7 +8,7 @@
 
 import React from 'react';
 import { mount } from 'enzyme';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render } from '../../../test/rtl';
 import { requiredProps } from '../../../test';
 
diff --git a/src/components/button/button_empty/button_empty.test.tsx b/src/components/button/button_empty/button_empty.test.tsx
index 7480db3d4de..602e4e4334f 100644
--- a/src/components/button/button_empty/button_empty.test.tsx
+++ b/src/components/button/button_empty/button_empty.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render } from '../../../test/rtl';
 import { requiredProps } from '../../../test/required_props';
 import { shouldRenderCustomStyles } from '../../../test/internal';
diff --git a/src/components/button/button_icon/button_icon.test.tsx b/src/components/button/button_icon/button_icon.test.tsx
index 30424343b1f..f5e50258e50 100644
--- a/src/components/button/button_icon/button_icon.test.tsx
+++ b/src/components/button/button_icon/button_icon.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render } from '../../../test/rtl';
 import { requiredProps } from '../../../test/required_props';
 import { shouldRenderCustomStyles } from '../../../test/internal';
diff --git a/src/components/code/code_block_annotations.test.tsx b/src/components/code/code_block_annotations.test.tsx
index e4427fd3840..267476a36a2 100644
--- a/src/components/code/code_block_annotations.test.tsx
+++ b/src/components/code/code_block_annotations.test.tsx
@@ -8,7 +8,7 @@
 
 import React from 'react';
 
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render, waitForEuiPopoverOpen } from '../../test/rtl';
 import { shouldRenderCustomStyles } from '../../test/internal';
 import { requiredProps } from '../../test';
diff --git a/src/components/color_picker/color_picker.test.tsx b/src/components/color_picker/color_picker.test.tsx
index cca583fcd1b..8a1e66d3b06 100644
--- a/src/components/color_picker/color_picker.test.tsx
+++ b/src/components/color_picker/color_picker.test.tsx
@@ -9,6 +9,7 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import { render } from '../../test/rtl';
+import { act } from '@testing-library/react';
 
 import { EuiColorPicker } from './color_picker';
 import { VISUALIZATION_COLORS, keys } from '../../services';
@@ -191,15 +192,29 @@ test('popover color selector is hidden when the ESC key pressed', async () => {
     />
   );
 
-  findTestSubject(colorPicker, 'euiColorPickerAnchor').simulate('click');
-  await sleep();
-  findTestSubject(colorPicker, 'euiColorPickerAnchor').simulate('keydown', {
-    key: keys.ENTER,
+  await act(
+    async () =>
+      await findTestSubject(colorPicker, 'euiColorPickerAnchor').simulate(
+        'click'
+      )
+  );
+
+  await act(() => sleep());
+
+  act(() => {
+    findTestSubject(colorPicker, 'euiColorPickerAnchor').simulate('keydown', {
+      key: keys.ENTER,
+    });
   });
-  await sleep();
-  findTestSubject(colorPicker, 'euiColorPickerPopover').simulate('keydown', {
-    key: keys.ESCAPE,
+
+  await act(() => sleep());
+
+  act(() => {
+    findTestSubject(colorPicker, 'euiColorPickerPopover').simulate('keydown', {
+      key: keys.ESCAPE,
+    });
   });
+
   // Portal removal not working with Jest. The blur handler is called just before the portal would be removed.
   expect(onBlurHandler).toBeCalled();
 });
diff --git a/src/components/combo_box/combo_box.test.tsx b/src/components/combo_box/combo_box.test.tsx
index 0eea6ea06b1..989eed56b64 100644
--- a/src/components/combo_box/combo_box.test.tsx
+++ b/src/components/combo_box/combo_box.test.tsx
@@ -10,6 +10,7 @@ import React, { ReactNode } from 'react';
 import { fireEvent } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 import { render } from '../../test/rtl';
+import { act } from '@testing-library/react';
 import {
   requiredProps,
   findTestSubject,
@@ -91,7 +92,9 @@ describe('props', () => {
       />
     );
 
-    component.setState({ isListOpen: true });
+    act(() => {
+      component.setState({ isListOpen: true });
+    });
     expect(takeMountedSnapshot(component)).toMatchSnapshot();
   });
 
@@ -329,10 +332,16 @@ describe('behavior', () => {
         />
       );
 
-      component.setState({ searchValue: 'foo' });
-      const searchInput = findTestSubject(component, 'comboBoxSearchInput');
-      searchInput.simulate('focus');
-      searchInput.simulate('keyDown', { key: comboBoxKeys.ENTER });
+      act(() => {
+        component.setState({ searchValue: 'foo' });
+      });
+
+      act(() => {
+        const searchInput = findTestSubject(component, 'comboBoxSearchInput');
+        searchInput.simulate('focus');
+        searchInput.simulate('keyDown', { key: comboBoxKeys.ENTER });
+      });
+
       expect(onCreateOptionHandler).toHaveBeenCalledTimes(1);
       expect(onCreateOptionHandler).toHaveBeenNthCalledWith(1, 'foo', options);
     });
@@ -391,15 +400,20 @@ describe('behavior', () => {
         />
       );
 
-      component.setState({ searchValue: 'foo' });
       const searchInput = findTestSubject(component, 'comboBoxSearchInput');
-      searchInput.simulate('focus');
 
-      const searchInputNode = searchInput.getDOMNode();
-      // React doesn't support `focusout` so we have to manually trigger it
-      searchInputNode.dispatchEvent(
-        new FocusEvent('focusout', { bubbles: true })
-      );
+      act(() => {
+        component.setState({ searchValue: 'foo' });
+        searchInput.simulate('focus');
+      });
+
+      act(() => {
+        const searchInputNode = searchInput.getDOMNode();
+        // React doesn't support `focusout` so we have to manually trigger it
+        searchInputNode.dispatchEvent(
+          new FocusEvent('focusout', { bubbles: true })
+        );
+      });
 
       expect(onCreateOptionHandler).toHaveBeenCalledTimes(1);
       expect(onCreateOptionHandler).toHaveBeenNthCalledWith(1, 'foo', options);
diff --git a/src/components/context_menu/context_menu.test.tsx b/src/components/context_menu/context_menu.test.tsx
index d91bf59f8c6..23cd068304d 100644
--- a/src/components/context_menu/context_menu.test.tsx
+++ b/src/components/context_menu/context_menu.test.tsx
@@ -8,11 +8,11 @@
 
 import React from 'react';
 import { mount } from 'enzyme';
+import { act } from '@testing-library/react';
 import { requiredProps, takeMountedSnapshot } from '../../test';
 import { render } from '../../test/rtl';
 
 import { EuiContextMenu, SIZES } from './context_menu';
-import { setTimeout } from 'timers';
 
 const panel3 = {
   id: 3,
@@ -65,9 +65,7 @@ const panel0 = {
 const panels = [panel0, panel1, panel2, panel3];
 
 export const tick = (ms = 0) =>
-  new Promise((resolve) => {
-    setTimeout(resolve, ms);
-  });
+  act(() => new Promise((resolve) => setTimeout(resolve, ms)));
 
 describe('EuiContextMenu', () => {
   test('is rendered', () => {
diff --git a/src/components/datagrid/body/data_grid_body_custom.test.tsx b/src/components/datagrid/body/data_grid_body_custom.test.tsx
index 53e6a66d0d1..43012117206 100644
--- a/src/components/datagrid/body/data_grid_body_custom.test.tsx
+++ b/src/components/datagrid/body/data_grid_body_custom.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { useEffect } from 'react';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render } from '../../../test/rtl';
 
 import { EuiDataGridProps } from '../data_grid_types';
diff --git a/src/components/datagrid/body/data_grid_cell.test.tsx b/src/components/datagrid/body/data_grid_cell.test.tsx
index c305decd085..190195d77eb 100644
--- a/src/components/datagrid/body/data_grid_cell.test.tsx
+++ b/src/components/datagrid/body/data_grid_cell.test.tsx
@@ -8,6 +8,7 @@
 
 import React, { useEffect } from 'react';
 import { mount, ReactWrapper } from 'enzyme';
+import { act } from '@testing-library/react';
 import { keys } from '../../../services';
 import { render } from '../../../test/rtl';
 import { RowHeightUtils } from '../utils/__mocks__/row_heights';
@@ -80,7 +81,9 @@ describe('EuiDataGridCell', () => {
         }}
       />
     );
-    component.setState({ enableInteractions: true });
+    act(() => {
+      component.setState({ enableInteractions: true });
+    });
 
     const getCellActions = () => component.find('EuiDataGridCellActions');
     expect(getCellActions()).toHaveLength(1);
@@ -175,19 +178,29 @@ describe('EuiDataGridCell', () => {
 
       describe('when state changes:', () => {
         it('cellProps', () => {
-          component.setState({ cellProps: {} });
+          act(() => {
+            component.setState({ cellProps: {} });
+          });
         });
         it('isEntered', () => {
-          component.setState({ isEntered: true });
+          act(() => {
+            component.setState({ isEntered: true });
+          });
         });
         it('isFocused', () => {
-          component.setState({ isFocused: true });
+          act(() => {
+            component.setState({ isFocused: true });
+          });
         });
         it('enableInteractions', () => {
-          component.setState({ enableInteractions: true });
+          act(() => {
+            component.setState({ enableInteractions: true });
+          });
         });
         it('disableCellTabIndex', () => {
-          component.setState({ disableCellTabIndex: true });
+          act(() => {
+            component.setState({ disableCellTabIndex: true });
+          });
         });
       });
     });
diff --git a/src/components/datagrid/body/header/data_grid_header_cell_wrapper.test.tsx b/src/components/datagrid/body/header/data_grid_header_cell_wrapper.test.tsx
index 58f95c04e41..97db5f8578e 100644
--- a/src/components/datagrid/body/header/data_grid_header_cell_wrapper.test.tsx
+++ b/src/components/datagrid/body/header/data_grid_header_cell_wrapper.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { mount } from 'enzyme';
 
 import { keys } from '../../../../services';
diff --git a/src/components/datagrid/body/header/header_is_interactive.test.ts b/src/components/datagrid/body/header/header_is_interactive.test.ts
index 2949cf487ff..835c3688f5d 100644
--- a/src/components/datagrid/body/header/header_is_interactive.test.ts
+++ b/src/components/datagrid/body/header/header_is_interactive.test.ts
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { testCustomHook } from '../../../../test/internal';
 import { useHeaderIsInteractive } from './header_is_interactive';
 
diff --git a/src/components/datagrid/controls/column_selector.test.tsx b/src/components/datagrid/controls/column_selector.test.tsx
index 60c8daaa801..363b55a03e3 100644
--- a/src/components/datagrid/controls/column_selector.test.tsx
+++ b/src/components/datagrid/controls/column_selector.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { shallow, mount, ReactWrapper } from 'enzyme';
 import { findTestSubject, testByReactVersion } from '../../../test';
 
diff --git a/src/components/datagrid/controls/column_sorting.test.tsx b/src/components/datagrid/controls/column_sorting.test.tsx
index a476095f794..d1f74b889b9 100644
--- a/src/components/datagrid/controls/column_sorting.test.tsx
+++ b/src/components/datagrid/controls/column_sorting.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { mount, ReactWrapper } from 'enzyme';
 import { findTestSubject, testByReactVersion } from '../../../test';
 
diff --git a/src/components/datagrid/controls/display_selector.test.tsx b/src/components/datagrid/controls/display_selector.test.tsx
index 5cf516684e2..ede3eaedce4 100644
--- a/src/components/datagrid/controls/display_selector.test.tsx
+++ b/src/components/datagrid/controls/display_selector.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { shallow, mount, ShallowWrapper, ReactWrapper } from 'enzyme';
 import { testCustomHook } from '../../../test/internal';
 
diff --git a/src/components/datagrid/controls/fullscreen_selector.test.tsx b/src/components/datagrid/controls/fullscreen_selector.test.tsx
index 1b99c5bb40c..f0ee04b73a0 100644
--- a/src/components/datagrid/controls/fullscreen_selector.test.tsx
+++ b/src/components/datagrid/controls/fullscreen_selector.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { shallow } from 'enzyme';
 import { keys } from '../../../services';
 import { testCustomHook } from '../../../test/internal';
diff --git a/src/components/datagrid/data_grid.test.tsx b/src/components/datagrid/data_grid.test.tsx
index 05093913124..e27592ce7cc 100644
--- a/src/components/datagrid/data_grid.test.tsx
+++ b/src/components/datagrid/data_grid.test.tsx
@@ -14,7 +14,7 @@ import { findTestSubject, requiredProps } from '../../test';
 import { render } from '../../test/rtl';
 import { EuiDataGridColumnResizer } from './body/header/data_grid_column_resizer';
 import { keys } from '../../services';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 
 // Mock the cell popover (TODO: Move failing tests to Cypress and remove need for mock?)
 jest.mock('../popover', () => ({
@@ -92,12 +92,15 @@ function resizeColumn(
   const firstResizer = datagrid
     .find(`EuiDataGridColumnResizer[columnId="${columnId}"]`)
     .instance() as EuiDataGridColumnResizer;
-  firstResizer.onMouseDown({
-    pageX: originalWidth,
-    stopPropagation: () => {},
-    preventDefault: () => {},
-  } as React.MouseEvent<HTMLDivElement>);
-  firstResizer.onMouseMove({ pageX: columnWidth });
+
+  act(() => {
+    firstResizer.onMouseDown({
+      pageX: originalWidth,
+      stopPropagation: () => {},
+      preventDefault: () => {},
+    } as React.MouseEvent<HTMLDivElement>);
+  });
+  act(() => firstResizer.onMouseMove({ pageX: columnWidth }));
   act(() => firstResizer.onMouseUp());
 
   datagrid.update();
@@ -1172,18 +1175,25 @@ describe('EuiDataGrid', () => {
         ['2'],
       ]);
 
-      findTestSubject(component, 'tablePaginationPopoverButton').simulate(
-        'click'
+      act(() => {
+        findTestSubject(component, 'tablePaginationPopoverButton').simulate(
+          'click'
+        );
+      });
+
+      const rowButtons: NodeListOf<HTMLButtonElement> = document.body.querySelectorAll(
+        '.euiContextMenuItem'
       );
-      const rowButtons: NodeListOf<HTMLButtonElement> =
-        document.body.querySelectorAll('.euiContextMenuItem');
       expect(
         Array.prototype.map.call(
           rowButtons,
           (button: HTMLDivElement) => button.textContent || ''
         )
       ).toEqual(['3 rows', '6 rows', '10 rows']);
-      rowButtons[1].click();
+
+      act(() => {
+        rowButtons[1].click();
+      });
 
       expect(
         component.props().pagination.onChangeItemsPerPage
@@ -1241,18 +1251,22 @@ describe('EuiDataGrid', () => {
           />
         );
 
-        const originalCellWidths = extractColumnWidths(component);
-        expect(originalCellWidths).toEqual({
-          'Column 1': 100,
-          'Column 2': 100,
+        act(() => {
+          const originalCellWidths = extractColumnWidths(component);
+          expect(originalCellWidths).toEqual({
+            'Column 1': 100,
+            'Column 2': 100,
+          });
         });
 
         resizeColumn(component, 'Column 1', 150);
 
-        const updatedCellWidths = extractColumnWidths(component);
-        expect(updatedCellWidths).toEqual({
-          'Column 1': 150,
-          'Column 2': 100,
+        act(() => {
+          const updatedCellWidths = extractColumnWidths(component);
+          expect(updatedCellWidths).toEqual({
+            'Column 1': 150,
+            'Column 2': 100,
+          });
         });
       });
 
@@ -2174,9 +2188,11 @@ describe('EuiDataGrid', () => {
       expect(findTestSubject(component, 'alertAction').exists()).toBe(false);
       expect(findTestSubject(component, 'happyAction').exists()).toBe(false);
 
-      findTestSubject(component, 'dataGridRowCell').at(1).prop('onMouseEnter')!(
-        {} as React.MouseEvent
-      );
+      act(() => {
+        findTestSubject(component, 'dataGridRowCell')
+          .at(1)
+          .prop('onMouseEnter')!({} as React.MouseEvent);
+      });
 
       component.update();
 
diff --git a/src/components/datagrid/utils/col_widths.test.ts b/src/components/datagrid/utils/col_widths.test.ts
index 2ddbf97e843..28edd76caf3 100644
--- a/src/components/datagrid/utils/col_widths.test.ts
+++ b/src/components/datagrid/utils/col_widths.test.ts
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { testCustomHook } from '../../../test/internal';
 import {
   useDefaultColumnWidth,
diff --git a/src/components/datagrid/utils/focus.test.tsx b/src/components/datagrid/utils/focus.test.tsx
index 766acbac08f..a3ff7ec87bd 100644
--- a/src/components/datagrid/utils/focus.test.tsx
+++ b/src/components/datagrid/utils/focus.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { mount } from 'enzyme';
 import { keys } from '../../../services';
 import { testCustomHook } from '../../../test/internal';
diff --git a/src/components/datagrid/utils/row_heights.test.ts b/src/components/datagrid/utils/row_heights.test.ts
index bbfd2becc2c..f2919da7e20 100644
--- a/src/components/datagrid/utils/row_heights.test.ts
+++ b/src/components/datagrid/utils/row_heights.test.ts
@@ -7,7 +7,7 @@
  */
 
 import type { MutableRefObject } from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { renderHook } from '@testing-library/react-hooks';
 import { startingStyles } from '../controls';
 import type { ImperativeGridApi } from '../data_grid_types';
diff --git a/src/components/date_picker/super_date_picker/super_date_picker.test.tsx b/src/components/date_picker/super_date_picker/super_date_picker.test.tsx
index ec116a388e4..9156c1f622c 100644
--- a/src/components/date_picker/super_date_picker/super_date_picker.test.tsx
+++ b/src/components/date_picker/super_date_picker/super_date_picker.test.tsx
@@ -8,7 +8,7 @@
 
 import React from 'react';
 import { mount, ReactWrapper } from 'enzyme';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render } from '../../../test/rtl';
 import { requiredProps } from '../../../test';
 import { shouldRenderCustomStyles } from '../../../test/internal';
diff --git a/src/components/delay_hide/delay_hide.test.tsx b/src/components/delay_hide/delay_hide.test.tsx
index 12e763e9c6a..501446c9540 100644
--- a/src/components/delay_hide/delay_hide.test.tsx
+++ b/src/components/delay_hide/delay_hide.test.tsx
@@ -8,8 +8,12 @@
 
 import React from 'react';
 import { mount } from 'enzyme';
+import { act } from '@testing-library/react';
 import { EuiDelayHide } from './index';
 
+const actAdvanceTimersByTime = (time: number) =>
+  act(() => jest.advanceTimersByTime(time));
+
 describe('when EuiDelayHide is visible initially', () => {
   function getWrapper() {
     jest.useFakeTimers();
@@ -27,14 +31,14 @@ describe('when EuiDelayHide is visible initially', () => {
   test('it should be visible after 900ms', () => {
     const wrapper = getWrapper();
     wrapper.setProps({ hide: true });
-    jest.advanceTimersByTime(900);
+    actAdvanceTimersByTime(900);
     expect(wrapper.html()).toEqual('<div>Hello World</div>');
   });
 
   test('it should be hidden after 1100ms', () => {
     const wrapper = getWrapper();
     wrapper.setProps({ hide: true });
-    jest.advanceTimersByTime(1100);
+    actAdvanceTimersByTime(1100);
     wrapper.setProps({});
     expect(wrapper.html()).toEqual(null);
   });
@@ -43,14 +47,14 @@ describe('when EuiDelayHide is visible initially', () => {
     const wrapper = getWrapper();
     wrapper.setProps({ hide: true });
     wrapper.setProps({ hide: false });
-    jest.advanceTimersByTime(1100);
+    actAdvanceTimersByTime(1100);
     expect(wrapper.html()).toEqual('<div>Hello World</div>');
   });
 
   test('it should hide immediately after prop change, if it has been displayed for 1100ms', () => {
     const wrapper = getWrapper();
     const currentTime = Date.now();
-    jest.advanceTimersByTime(1100);
+    actAdvanceTimersByTime(1100);
     jest.spyOn(Date, 'now').mockReturnValue(currentTime + 1100);
     expect(wrapper.html()).toEqual('<div>Hello World</div>');
 
@@ -67,10 +71,10 @@ describe('when EuiDelayHide parent updates', () => {
     );
 
     wrapper.setProps({ hide: false });
-    jest.advanceTimersByTime(1100);
+    actAdvanceTimersByTime(1100);
     wrapper.setProps({}); // simulate parent component re-rendering
     wrapper.setProps({ hide: true });
-    jest.advanceTimersByTime(1100);
+    actAdvanceTimersByTime(1100);
 
     expect(wrapper.html()).toEqual(null);
   });
@@ -99,11 +103,11 @@ describe('when EuiDelayHide is hidden initially', () => {
     const wrapper = getWrapper();
     wrapper.setProps({ hide: false });
     wrapper.setProps({ hide: true });
-    jest.advanceTimersByTime(900);
+    actAdvanceTimersByTime(900);
 
     expect(wrapper.html()).toEqual('<div>Hello World</div>');
 
-    jest.advanceTimersByTime(200);
+    actAdvanceTimersByTime(200);
     wrapper.setProps({});
     expect(wrapper.html()).toEqual(null);
   });
@@ -136,7 +140,7 @@ describe('when EuiDelayHide is visible initially and has a minimumDuration of 20
 
   test('it should be hidden after 2100ms', () => {
     const wrapper = getWrapper();
-    jest.advanceTimersByTime(2100);
+    actAdvanceTimersByTime(2100);
     wrapper.setProps({});
     expect(wrapper.html()).toEqual(null);
   });
@@ -150,15 +154,15 @@ describe('when EuiDelayHide has been visible and become hidden', () => {
     );
 
     wrapper.setProps({ hide: false });
-    jest.advanceTimersByTime(1100);
+    actAdvanceTimersByTime(1100);
     wrapper.setProps({ hide: true });
-    jest.advanceTimersByTime(100);
+    actAdvanceTimersByTime(100);
     wrapper.setProps({ hide: false });
     wrapper.setProps({ hide: true });
 
     expect(wrapper.html()).toEqual('<div>Hello World</div>');
 
-    jest.advanceTimersByTime(1100);
+    actAdvanceTimersByTime(1100);
     wrapper.setProps({});
 
     expect(wrapper.html()).toEqual(null);
diff --git a/src/components/form/range/dual_range.test.tsx b/src/components/form/range/dual_range.test.tsx
index 35ac43bc883..4eb4c477c03 100644
--- a/src/components/form/range/dual_range.test.tsx
+++ b/src/components/form/range/dual_range.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { useEffect, useRef } from 'react';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { requiredProps } from '../../../test';
 import { shouldRenderCustomStyles } from '../../../test/internal';
 import { render, screen } from '../../../test/rtl';
diff --git a/src/components/image/image.test.tsx b/src/components/image/image.test.tsx
index 93697458eba..aa5da44c623 100644
--- a/src/components/image/image.test.tsx
+++ b/src/components/image/image.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { fireEvent } from '@testing-library/dom';
+import { fireEvent } from '@testing-library/react';
 import { render, screen } from '../../test/rtl';
 import { requiredProps as commonProps } from '../../test';
 import { shouldRenderCustomStyles } from '../../test/internal';
diff --git a/src/components/observer/resize_observer/resize_observer.test.tsx b/src/components/observer/resize_observer/resize_observer.test.tsx
index ee48d15f748..e6d9e8eecdf 100644
--- a/src/components/observer/resize_observer/resize_observer.test.tsx
+++ b/src/components/observer/resize_observer/resize_observer.test.tsx
@@ -10,7 +10,7 @@ import React, { FunctionComponent, PropsWithChildren, useState } from 'react';
 import { mount } from 'enzyme';
 import { EuiResizeObserver, useResizeObserver } from './resize_observer';
 import { sleep } from '../../../test';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 
 export async function waitforResizeObserver(period = 30) {
   // `period` defaults to 30 because its the delay used by the ResizeObserver polyfill
diff --git a/src/components/popover/popover.test.tsx b/src/components/popover/popover.test.tsx
index c8ae5b0433b..1babda9f1bf 100644
--- a/src/components/popover/popover.test.tsx
+++ b/src/components/popover/popover.test.tsx
@@ -8,6 +8,7 @@
 
 import React, { ReactNode } from 'react';
 import { mount } from 'enzyme';
+import { act } from '@testing-library/react';
 import { shouldRenderCustomStyles } from '../../test/internal';
 import { requiredProps } from '../../test/required_props';
 import { render } from '../../test/rtl';
@@ -22,6 +23,9 @@ import {
 
 import { keys } from '../../services';
 
+const actAdvanceTimersByTime = (time: number) =>
+  act(() => jest.advanceTimersByTime(time));
+
 jest.mock('../portal', () => ({
   EuiPortal: ({ children }: { children: ReactNode }) => children,
 }));
@@ -480,7 +484,7 @@ describe('EuiPopover', () => {
 
       // execute any pending timeouts or animation frame callbacks
       // and validate the timeout/rAF clearing done by EuiPopover
-      jest.advanceTimersByTime(300);
+      actAdvanceTimersByTime(300);
     });
   });
 
@@ -514,7 +518,7 @@ describe('EuiPopover', () => {
       );
       component.find(EuiFocusTrap).invoke('onEscapeKey')!(mockEvent);
       component.setProps({ isOpen: false });
-      jest.advanceTimersByTime(closingTransitionTime);
+      actAdvanceTimersByTime(closingTransitionTime);
 
       expect(closePopover).toHaveBeenCalled();
       expect(document.activeElement).toEqual(toggleButtonEl.current);
@@ -539,7 +543,7 @@ describe('EuiPopover', () => {
       );
       component.find(EuiFocusTrap).invoke('onEscapeKey')!(mockEvent);
       component.setProps({ isOpen: false });
-      jest.advanceTimersByTime(closingTransitionTime);
+      actAdvanceTimersByTime(closingTransitionTime);
 
       expect(closePopover).toHaveBeenCalled();
       expect(document.activeElement).toEqual(toggleButtonEl.current);
@@ -559,7 +563,8 @@ describe('EuiPopover', () => {
       );
       component.find(EuiFocusTrap).invoke('onEscapeKey')!(mockEvent);
       component.setProps({ isOpen: false });
-      jest.advanceTimersByTime(closingTransitionTime);
+
+      actAdvanceTimersByTime(closingTransitionTime);
 
       expect(closePopover).toHaveBeenCalled();
       expect(document.activeElement).not.toEqual(toggleDivEl.current);
diff --git a/src/components/search_bar/search_bar.test.tsx b/src/components/search_bar/search_bar.test.tsx
index 253bdc825b2..1b5953b9545 100644
--- a/src/components/search_bar/search_bar.test.tsx
+++ b/src/components/search_bar/search_bar.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { useState } from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { mount } from 'enzyme';
 
 import { render } from '../../test/rtl';
@@ -58,7 +58,7 @@ describe('SearchBar', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  test('render - provided query, filters', () => {
+  test('render - provided query, filters', async () => {
     const filters: SearchFilterConfig[] = [
       {
         type: 'is',
@@ -80,7 +80,10 @@ describe('SearchBar', () => {
       onChange: () => {},
     };
 
-    const { container } = render(<EuiSearchBar {...props} />);
+    const { container, findByTitle } = render(<EuiSearchBar {...props} />);
+
+    // Wait for FieldValueSelectionFilter to finish updating its state on init
+    await findByTitle('Tag');
 
     expect(container.firstChild).toMatchSnapshot();
   });
diff --git a/src/components/selectable/selectable.test.tsx b/src/components/selectable/selectable.test.tsx
index d9e6e85b92e..17ee2ac43d4 100644
--- a/src/components/selectable/selectable.test.tsx
+++ b/src/components/selectable/selectable.test.tsx
@@ -8,6 +8,7 @@
 
 import React from 'react';
 import { mount } from 'enzyme';
+import { act } from '@testing-library/react';
 import { requiredProps } from '../../test';
 import { shouldRenderCustomStyles } from '../../test/internal';
 import { render } from '../../test/rtl';
@@ -62,10 +63,13 @@ describe('EuiSelectable', () => {
       </EuiSelectable>
     );
 
-    component.setState({
-      activeOptionIndex: 0,
-      isFocused: true,
+    act(() => {
+      component.setState({
+        activeOptionIndex: 0,
+        isFocused: true,
+      });
     });
+
     expect(component.state()).toMatchSnapshot();
 
     const listBox = component.find('div.euiSelectableList__list').getDOMNode();
diff --git a/src/components/tool_tip/tool_tip.test.tsx b/src/components/tool_tip/tool_tip.test.tsx
index 5910be0b7e9..91c0143475b 100644
--- a/src/components/tool_tip/tool_tip.test.tsx
+++ b/src/components/tool_tip/tool_tip.test.tsx
@@ -8,7 +8,7 @@
 
 import React, { useRef } from 'react';
 import { mount } from 'enzyme';
-import { fireEvent } from '@testing-library/react';
+import { act, fireEvent } from '@testing-library/react';
 import {
   render,
   waitForEuiToolTipVisible,
@@ -97,8 +97,10 @@ describe('EuiToolTip', () => {
     );
 
     const trigger = findTestSubject(component, 'trigger');
-    trigger.simulate('focus');
-    jest.runAllTimers(); // wait for showToolTip setTimeout
+    act(() => {
+      trigger.simulate('focus');
+      jest.runAllTimers(); // wait for showToolTip setTimeout
+    });
 
     expect(
       document.querySelectorAll('[data-test-subj="tooltip"]')[1]
diff --git a/src/services/hooks/useForceRender.test.tsx b/src/services/hooks/useForceRender.test.tsx
index e8f71aef5ca..1f6b10e56a6 100644
--- a/src/services/hooks/useForceRender.test.tsx
+++ b/src/services/hooks/useForceRender.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { useImperativeHandle, createRef, forwardRef } from 'react';
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { mount } from 'enzyme';
 import { useForceRender } from './useForceRender';
 
diff --git a/yarn.lock b/yarn.lock
index 2ffae9ea66e..0d661bf87c3 100755
--- a/yarn.lock
+++ b/yarn.lock
@@ -4287,20 +4287,6 @@
     lz-string "^1.5.0"
     pretty-format "^27.0.2"
 
-"@testing-library/dom@^8.12.0":
-  version "8.16.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.16.0.tgz#d6fc50250aed17b1035ca1bd64655e342db3936a"
-  integrity sha512-uxF4zmnLHHDlmW4l+0WDjcgLVwCvH+OVLpD8Dfp+Bjfz85prwxWGbwXgJdLtkgjD0qfOzkJF9SmA6YZPsMYX4w==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^4.2.0"
-    aria-query "^5.0.0"
-    chalk "^4.1.0"
-    dom-accessibility-api "^0.5.9"
-    lz-string "^1.4.4"
-    pretty-format "^27.0.2"
-
 "@testing-library/dom@^9.0.0":
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.3.1.tgz#8094f560e9389fb973fe957af41bf766937a9ee9"
@@ -4381,11 +4367,6 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
-"@types/aria-query@^4.2.0":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc"
-  integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==
-
 "@types/aria-query@^5.0.1":
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.1.tgz#3286741fb8f1e1580ac28784add4c7a1d49bdfbc"

From ab7f6ccacbbc70c18fd674dd33f60519574c5678 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Tue, 25 Jul 2023 11:52:08 +0200
Subject: [PATCH 07/24] feature: EuiDataGrid type improvements to support React
 18 (#6958)

---
 .../babel/proptypes-from-ts-props/index.js    |  2 +-
 .../datagrid/advanced/custom_renderer.tsx     | 11 ++-
 src-docs/src/views/datagrid/advanced/ref.tsx  | 38 +++++++---
 .../datagrid/styling/row_height_auto.tsx      | 15 +++-
 .../datagrid/styling/row_height_fixed.tsx     | 11 ++-
 .../datagrid/styling/row_line_height.tsx      | 21 ++++--
 .../datagrid/toolbar/additional_controls.tsx  |  7 +-
 .../datagrid/body/data_grid_body_custom.tsx   |  3 +-
 .../datagrid/body/data_grid_cell.tsx          |  2 +
 .../datagrid/body/data_grid_cell_popover.tsx  |  4 +-
 .../datagrid/body/data_grid_row_manager.ts    |  2 +-
 .../body/header/data_grid_header_cell.tsx     |  2 +-
 .../datagrid/controls/data_grid_toolbar.tsx   | 74 +++++++++++--------
 .../controls/display_selector.test.tsx        | 23 ++++--
 .../datagrid/controls/display_selector.tsx    | 10 ++-
 src/components/datagrid/data_grid_types.ts    | 20 ++---
 .../datagrid/utils/data_grid_pagination.tsx   |  7 +-
 src/components/datagrid/utils/in_memory.tsx   |  8 +-
 src/components/datagrid/utils/ref.ts          |  6 +-
 19 files changed, 175 insertions(+), 91 deletions(-)

diff --git a/scripts/babel/proptypes-from-ts-props/index.js b/scripts/babel/proptypes-from-ts-props/index.js
index eae3c76871a..442670e3cd2 100644
--- a/scripts/babel/proptypes-from-ts-props/index.js
+++ b/scripts/babel/proptypes-from-ts-props/index.js
@@ -10,7 +10,7 @@ function stripTypeScript(filename, ast) {
   return babelCore.transform(babelCore.transformFromAst(ast).code, {
     filename: filename,
     babelrc: false,
-    presets: ['@babel/typescript'],
+    presets: [['@babel/typescript', { allowDeclareFields: true }]],
   }).code;
 }
 
diff --git a/src-docs/src/views/datagrid/advanced/custom_renderer.tsx b/src-docs/src/views/datagrid/advanced/custom_renderer.tsx
index 64a04678e73..56c37a1a74c 100644
--- a/src-docs/src/views/datagrid/advanced/custom_renderer.tsx
+++ b/src-docs/src/views/datagrid/advanced/custom_renderer.tsx
@@ -16,6 +16,9 @@ import {
   EuiSpacer,
   useEuiTheme,
   logicalCSS,
+  EuiDataGridPaginationProps,
+  EuiDataGridSorting,
+  EuiDataGridColumnSortingConfig,
 } from '../../../../../src';
 
 const raw_data: Array<{ [key: string]: string }> = [];
@@ -166,16 +169,16 @@ export default () => {
 
   // Pagination
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
-  const onChangePage = useCallback((pageIndex) => {
+  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>((pageIndex) => {
     setPagination((pagination) => ({ ...pagination, pageIndex }));
   }, []);
-  const onChangePageSize = useCallback((pageSize) => {
+  const onChangePageSize = useCallback<EuiDataGridPaginationProps['onChangeItemsPerPage']>((pageSize) => {
     setPagination((pagination) => ({ ...pagination, pageSize }));
   }, []);
 
   // Sorting
-  const [sortingColumns, setSortingColumns] = useState([]);
-  const onSort = useCallback((sortingColumns) => {
+  const [sortingColumns, setSortingColumns] = useState<EuiDataGridColumnSortingConfig[]>([]);
+  const onSort = useCallback<EuiDataGridSorting['onSort']>((sortingColumns) => {
     setSortingColumns(sortingColumns);
   }, []);
 
diff --git a/src-docs/src/views/datagrid/advanced/ref.tsx b/src-docs/src/views/datagrid/advanced/ref.tsx
index b2102e89303..658e60e7ba6 100644
--- a/src-docs/src/views/datagrid/advanced/ref.tsx
+++ b/src-docs/src/views/datagrid/advanced/ref.tsx
@@ -16,6 +16,10 @@ import {
   EuiModalHeader,
   EuiModalHeaderTitle,
   EuiText,
+  EuiDataGridColumnCellAction,
+  EuiDataGridColumnSortingConfig,
+  EuiDataGridPaginationProps,
+  EuiDataGridSorting,
 } from '../../../../../src';
 
 const raw_data: Array<{ [key: string]: string }> = [];
@@ -44,13 +48,16 @@ export default () => {
     dataGridRef.current!.setFocusedCell(lastFocusedCell); // Set the data grid focus back to the cell that opened the modal
   }, [lastFocusedCell]);
 
-  const showModal = useCallback(({ rowIndex, colIndex }) => {
-    setIsModalVisible(true);
-    dataGridRef.current!.closeCellPopover(); // Close any open cell popovers
-    setLastFocusedCell({ rowIndex, colIndex }); // Store the cell that opened this modal
-  }, []);
+  const showModal = useCallback(
+    ({ rowIndex, colIndex }: { rowIndex: number; colIndex: number }) => {
+      setIsModalVisible(true);
+      dataGridRef.current!.closeCellPopover(); // Close any open cell popovers
+      setLastFocusedCell({ rowIndex, colIndex }); // Store the cell that opened this modal
+    },
+    []
+  );
 
-  const openModalAction = useCallback(
+  const openModalAction = useCallback<EuiDataGridColumnCellAction>(
     ({ Component, rowIndex, colIndex }) => {
       return (
         <Component
@@ -105,16 +112,23 @@ export default () => {
 
   // Pagination
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 25 });
-  const onChangePage = useCallback((pageIndex) => {
-    setPagination((pagination) => ({ ...pagination, pageIndex }));
-  }, []);
-  const onChangePageSize = useCallback((pageSize) => {
+  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>(
+    (pageIndex) => {
+      setPagination((pagination) => ({ ...pagination, pageIndex }));
+    },
+    []
+  );
+  const onChangePageSize = useCallback<
+    EuiDataGridPaginationProps['onChangeItemsPerPage']
+  >((pageSize) => {
     setPagination((pagination) => ({ ...pagination, pageSize }));
   }, []);
 
   // Sorting
-  const [sortingColumns, setSortingColumns] = useState([]);
-  const onSort = useCallback((sortingColumns) => {
+  const [sortingColumns, setSortingColumns] = useState<
+    EuiDataGridColumnSortingConfig[]
+  >([]);
+  const onSort = useCallback<EuiDataGridSorting['onSort']>((sortingColumns) => {
     setSortingColumns(sortingColumns);
   }, []);
 
diff --git a/src-docs/src/views/datagrid/styling/row_height_auto.tsx b/src-docs/src/views/datagrid/styling/row_height_auto.tsx
index fe7c0c055b9..b963efcdfc3 100644
--- a/src-docs/src/views/datagrid/styling/row_height_auto.tsx
+++ b/src-docs/src/views/datagrid/styling/row_height_auto.tsx
@@ -18,6 +18,9 @@ import {
   EuiText,
   EuiSpacer,
   formatDate,
+  EuiDataGridSorting,
+  EuiDataGridColumnSortingConfig,
+  EuiDataGridPaginationProps,
 } from '../../../../../src';
 
 interface DataShape {
@@ -146,15 +149,19 @@ export default () => {
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 50 });
 
   // Sorting
-  const [sortingColumns, setSortingColumns] = useState([]);
-  const onSort = useCallback(
+  const [sortingColumns, setSortingColumns] = useState<
+    EuiDataGridColumnSortingConfig[]
+  >([]);
+  const onSort = useCallback<EuiDataGridSorting['onSort']>(
     (sortingColumns) => {
       setSortingColumns(sortingColumns);
     },
     [setSortingColumns]
   );
 
-  const onChangeItemsPerPage = useCallback(
+  const onChangeItemsPerPage = useCallback<
+    EuiDataGridPaginationProps['onChangeItemsPerPage']
+  >(
     (pageSize) =>
       setPagination((pagination) => ({
         ...pagination,
@@ -164,7 +171,7 @@ export default () => {
     [setPagination]
   );
 
-  const onChangePage = useCallback(
+  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>(
     (pageIndex) =>
       setPagination((pagination) => ({ ...pagination, pageIndex })),
     [setPagination]
diff --git a/src-docs/src/views/datagrid/styling/row_height_fixed.tsx b/src-docs/src/views/datagrid/styling/row_height_fixed.tsx
index e46dfb452dc..f2a5ebbed9d 100644
--- a/src-docs/src/views/datagrid/styling/row_height_fixed.tsx
+++ b/src-docs/src/views/datagrid/styling/row_height_fixed.tsx
@@ -18,6 +18,9 @@ import {
   EuiText,
   EuiSpacer,
   formatDate,
+  EuiDataGridSorting,
+  EuiDataGridColumnSortingConfig,
+  EuiDataGridPaginationProps,
 } from '../../../../../src';
 
 interface DataShape {
@@ -146,15 +149,15 @@ export default () => {
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 50 });
 
   // Sorting
-  const [sortingColumns, setSortingColumns] = useState([]);
-  const onSort = useCallback(
+  const [sortingColumns, setSortingColumns] = useState<EuiDataGridColumnSortingConfig[]>([]);
+  const onSort = useCallback<EuiDataGridSorting['onSort']>(
     (sortingColumns) => {
       setSortingColumns(sortingColumns);
     },
     [setSortingColumns]
   );
 
-  const onChangeItemsPerPage = useCallback(
+  const onChangeItemsPerPage = useCallback<EuiDataGridPaginationProps['onChangeItemsPerPage']>(
     (pageSize) =>
       setPagination((pagination) => ({
         ...pagination,
@@ -164,7 +167,7 @@ export default () => {
     [setPagination]
   );
 
-  const onChangePage = useCallback(
+  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>(
     (pageIndex) =>
       setPagination((pagination) => ({ ...pagination, pageIndex })),
     [setPagination]
diff --git a/src-docs/src/views/datagrid/styling/row_line_height.tsx b/src-docs/src/views/datagrid/styling/row_line_height.tsx
index 636c21e42df..b2f87a92ef2 100644
--- a/src-docs/src/views/datagrid/styling/row_line_height.tsx
+++ b/src-docs/src/views/datagrid/styling/row_line_height.tsx
@@ -8,7 +8,14 @@ import React, {
 } from 'react';
 import githubData from '../_row_auto_height_data.json';
 
-import { EuiDataGrid, EuiDataGridProps, formatDate } from '../../../../../src';
+import {
+  EuiDataGrid,
+  EuiDataGridColumnSortingConfig,
+  EuiDataGridPaginationProps,
+  EuiDataGridProps,
+  EuiDataGridSorting,
+  formatDate,
+} from '../../../../../src';
 
 interface DataShape {
   html_url: string;
@@ -96,15 +103,19 @@ export default () => {
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 50 });
 
   // Sorting
-  const [sortingColumns, setSortingColumns] = useState([]);
-  const onSort = useCallback(
+  const [sortingColumns, setSortingColumns] = useState<
+    EuiDataGridColumnSortingConfig[]
+  >([]);
+  const onSort = useCallback<EuiDataGridSorting['onSort']>(
     (sortingColumns) => {
       setSortingColumns(sortingColumns);
     },
     [setSortingColumns]
   );
 
-  const onChangeItemsPerPage = useCallback(
+  const onChangeItemsPerPage = useCallback<
+    EuiDataGridPaginationProps['onChangeItemsPerPage']
+  >(
     (pageSize) =>
       setPagination((pagination) => ({
         ...pagination,
@@ -114,7 +125,7 @@ export default () => {
     [setPagination]
   );
 
-  const onChangePage = useCallback(
+  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>(
     (pageIndex) =>
       setPagination((pagination) => ({ ...pagination, pageIndex })),
     [setPagination]
diff --git a/src-docs/src/views/datagrid/toolbar/additional_controls.tsx b/src-docs/src/views/datagrid/toolbar/additional_controls.tsx
index 78debdc0f25..fa98c19745a 100644
--- a/src-docs/src/views/datagrid/toolbar/additional_controls.tsx
+++ b/src-docs/src/views/datagrid/toolbar/additional_controls.tsx
@@ -16,6 +16,7 @@ import {
   EuiContextMenuItem,
   EuiContextMenuPanel,
   EuiPopover,
+  EuiDataGridPaginationProps,
 } from '../../../../../src';
 
 const columns = [
@@ -94,12 +95,14 @@ export default () => {
     columns.map(({ id }) => id)
   );
 
-  const setPageIndex = useCallback(
+  const setPageIndex = useCallback<EuiDataGridPaginationProps['onChangePage']>(
     (pageIndex) =>
       setPagination((pagination) => ({ ...pagination, pageIndex })),
     []
   );
-  const setPageSize = useCallback(
+  const setPageSize = useCallback<
+    EuiDataGridPaginationProps['onChangeItemsPerPage']
+  >(
     (pageSize) =>
       setPagination((pagination) => ({
         ...pagination,
diff --git a/src/components/datagrid/body/data_grid_body_custom.tsx b/src/components/datagrid/body/data_grid_body_custom.tsx
index d87b5009fe0..881deb3f642 100644
--- a/src/components/datagrid/body/data_grid_body_custom.tsx
+++ b/src/components/datagrid/body/data_grid_body_custom.tsx
@@ -19,6 +19,7 @@ import { useRowHeightUtils, useDefaultRowHeight } from '../utils/row_heights';
 
 import {
   EuiDataGridBodyProps,
+  EuiDataGridCustomBodyProps,
   EuiDataGridSetCustomGridBodyProps,
 } from '../data_grid_types';
 import { useDataGridHeader } from './header';
@@ -140,7 +141,7 @@ export const EuiDataGridBodyCustomRender: FunctionComponent<
     rowHeightUtils,
   };
 
-  const _Cell = useCallback(
+  const _Cell = useCallback<EuiDataGridCustomBodyProps['Cell']>(
     ({ colIndex, visibleRowIndex, ...rest }) => {
       const style = {
         height: rowHeightUtils.isAutoHeight(visibleRowIndex, rowHeightsOptions)
diff --git a/src/components/datagrid/body/data_grid_cell.tsx b/src/components/datagrid/body/data_grid_cell.tsx
index 12af15fa800..0cdb33969fa 100644
--- a/src/components/datagrid/body/data_grid_cell.tsx
+++ b/src/components/datagrid/body/data_grid_cell.tsx
@@ -9,6 +9,7 @@
 import classNames from 'classnames';
 import React, {
   Component,
+  ContextType,
   createRef,
   FocusEvent,
   FunctionComponent,
@@ -143,6 +144,7 @@ export class EuiDataGridCell extends Component<
   style = null;
 
   static contextType = DataGridFocusContext;
+  declare context: ContextType<typeof DataGridFocusContext>;
 
   getInteractables = () => {
     const tabbingRef = this.cellContentsRef;
diff --git a/src/components/datagrid/body/data_grid_cell_popover.tsx b/src/components/datagrid/body/data_grid_cell_popover.tsx
index 060ec7d630d..a64a894e121 100644
--- a/src/components/datagrid/body/data_grid_cell_popover.tsx
+++ b/src/components/datagrid/body/data_grid_cell_popover.tsx
@@ -46,7 +46,9 @@ export const useCellPopover = (): {
   >({});
 
   const closeCellPopover = useCallback(() => setPopoverIsOpen(false), []);
-  const openCellPopover = useCallback(
+  const openCellPopover = useCallback<
+    DataGridCellPopoverContextShape['openCellPopover']
+  >(
     ({ rowIndex, colIndex }) => {
       // Prevent popover DOM issues when re-opening the same popover
       if (
diff --git a/src/components/datagrid/body/data_grid_row_manager.ts b/src/components/datagrid/body/data_grid_row_manager.ts
index 5a19b3f2940..090f4b49365 100644
--- a/src/components/datagrid/body/data_grid_row_manager.ts
+++ b/src/components/datagrid/body/data_grid_row_manager.ts
@@ -18,7 +18,7 @@ export const useRowManager = ({
 }): EuiDataGridRowManager => {
   const rowIdToElements = useRef(new Map<number, HTMLDivElement>());
 
-  const getRow = useCallback(
+  const getRow = useCallback<EuiDataGridRowManager['getRow']>(
     ({ rowIndex, visibleRowIndex, top, height }) => {
       let rowElement = rowIdToElements.current.get(rowIndex);
 
diff --git a/src/components/datagrid/body/header/data_grid_header_cell.tsx b/src/components/datagrid/body/header/data_grid_header_cell.tsx
index 01802e4bd2a..45ae091eb50 100644
--- a/src/components/datagrid/body/header/data_grid_header_cell.tsx
+++ b/src/components/datagrid/body/header/data_grid_header_cell.tsx
@@ -314,7 +314,7 @@ export const useSortingUtils = ({
 export const usePopoverArrowNavigation = () => {
   const popoverPanelRef = useRef<HTMLElement | null>(null);
   const actionsRef = useRef<FocusableElement[] | undefined>(undefined);
-  const panelRef = useCallback((ref) => {
+  const panelRef = useCallback((ref: HTMLElement | null) => {
     popoverPanelRef.current = ref;
     actionsRef.current = ref ? tabbable(ref) : undefined;
   }, []);
diff --git a/src/components/datagrid/controls/data_grid_toolbar.tsx b/src/components/datagrid/controls/data_grid_toolbar.tsx
index 4c30a18d35b..ec043048c61 100644
--- a/src/components/datagrid/controls/data_grid_toolbar.tsx
+++ b/src/components/datagrid/controls/data_grid_toolbar.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React from 'react';
+import React, { isValidElement, ReactNode } from 'react';
 import {
   EuiDataGridProps,
   EuiDataGridToolbarProps,
@@ -115,47 +115,61 @@ export function checkOrDefaultToolBarDisplayOptions<
   }
 }
 
-export function renderAdditionalControls(
+export const renderAdditionalControls = (
   toolbarVisibility: EuiDataGridProps['toolbarVisibility'],
   position: 'left.prepend' | 'left.append' | 'right'
-) {
+): ReactNode => {
   if (typeof toolbarVisibility === 'boolean') return null;
   const { additionalControls } = toolbarVisibility || {};
   if (!additionalControls) return null;
 
-  // Typescript is having obj issues, so we need to force cast to EuiDataGridToolBarAdditionalControlsOptions here
-  const additionalControlsObj: EuiDataGridToolBarAdditionalControlsOptions =
-    additionalControls?.constructor === Object ? additionalControls : {};
-  // Typescript workarounds continued
-  const leftPositionObj: EuiDataGridToolBarAdditionalControlsLeftOptions =
-    additionalControlsObj.left?.constructor === Object
-      ? additionalControlsObj.left
-      : {};
+  // API backwards compatability: if the consumer passed a single ReactNode
+  // to `additionalControls`, default to the left append position.
+  if (isValidElement(additionalControls) && position === 'left.append') {
+    return additionalControls;
+  }
+  if (typeof additionalControls !== 'object') {
+    return null;
+  }
 
-  if (position === 'right') {
-    if (additionalControlsObj?.right) {
-      return additionalControlsObj.right;
+  const handleLeftObjectConfig = (
+    leftConfig: EuiDataGridToolBarAdditionalControlsLeftOptions
+  ) => {
+    if (position === 'left.prepend') {
+      return leftConfig.prepend;
     }
-  } else if (position === 'left.prepend') {
-    if (leftPositionObj?.prepend) {
-      return leftPositionObj.prepend;
+    if (position === 'left.append') {
+      return leftConfig.append;
     }
-  } else if (position === 'left.append') {
-    if (leftPositionObj?.append) {
-      return leftPositionObj.append;
+  };
+
+  const handleObjectConfig = (
+    additionalControls: EuiDataGridToolBarAdditionalControlsOptions
+  ) => {
+    if (position === 'right') {
+      return additionalControls.right;
     }
-    if (React.isValidElement(additionalControlsObj?.left)) {
-      // If the consumer passed a single ReactNode to `additionalControls.left`, default to the left append position
-      return additionalControlsObj.left;
+    // API backwards compatability: If the consumer passed a single ReactNode
+    // to `additionalControls.left`, default to the left append position
+    if (isValidElement(additionalControls.left) && position === 'left.append') {
+      return additionalControls.left;
     }
-    if (React.isValidElement(additionalControls)) {
-      // API backwards compatability: if the consumer passed a single ReactNode to `additionalControls`, default to the the left append position
-      return additionalControls;
+    if (
+      additionalControls.left &&
+      typeof additionalControls.left === 'object'
+    ) {
+      return handleLeftObjectConfig(
+        additionalControls.left as EuiDataGridToolBarAdditionalControlsLeftOptions
+      );
     }
-  }
+  };
 
-  return null;
-}
+  const rendered = handleObjectConfig(
+    additionalControls as EuiDataGridToolBarAdditionalControlsOptions
+  );
+
+  return rendered || null;
+};
 
 /**
  * Utility helper for selectors/controls that allow nested options
@@ -167,7 +181,7 @@ export function getNestedObjectOptions<T>(
   objectKey: keyof T
 ): boolean {
   // If the config is a boolean, nested options follow that boolean
-  if (controlOption === false || controlOption === true) return controlOption;
+  if (typeof controlOption === 'boolean') return controlOption;
   // If config is not defined, default to enabled
   if (controlOption == null) return true;
   // Otherwise, type should be an object of boolean values - dive into it and return the value
diff --git a/src/components/datagrid/controls/display_selector.test.tsx b/src/components/datagrid/controls/display_selector.test.tsx
index ede3eaedce4..dbb3629c83e 100644
--- a/src/components/datagrid/controls/display_selector.test.tsx
+++ b/src/components/datagrid/controls/display_selector.test.tsx
@@ -310,10 +310,19 @@ describe('useDataGridDisplaySelector', () => {
           component
             .find('input[type="range"][data-test-subj="lineCountNumber"]')
             .prop('value');
-        const setLineCountNumber = (component: ReactWrapper, number: number) =>
-          component
-            .find('input[type="range"][data-test-subj="lineCountNumber"]')
-            .simulate('change', { target: { value: number } });
+        const setLineCountNumber = (
+          component: ReactWrapper,
+          number: number
+        ) => {
+          const input = component.find(
+            'input[type="range"][data-test-subj="lineCountNumber"]'
+          );
+
+          // enzyme simulate() doesn't handle event.currentTarget updates well
+          // https://github.com/enzymejs/enzyme/issues/218
+          (input.getDOMNode() as HTMLInputElement).value = number.toString();
+          input.simulate('change');
+        };
 
         it('conditionally displays a line count number input when the lineCount button is selected', () => {
           const component = mount(<MockComponent />);
@@ -357,7 +366,11 @@ describe('useDataGridDisplaySelector', () => {
           );
           openPopover(component);
 
-          setLineCountNumber(component, 3);
+          act(() => {
+            setLineCountNumber(component, 3);
+          });
+          component.update();
+
           expect(getLineCountNumber(component)).toEqual(3);
         });
 
diff --git a/src/components/datagrid/controls/display_selector.tsx b/src/components/datagrid/controls/display_selector.tsx
index 62fc651280a..3aa96d5a5d2 100644
--- a/src/components/datagrid/controls/display_selector.tsx
+++ b/src/components/datagrid/controls/display_selector.tsx
@@ -18,7 +18,7 @@ import { useUpdateEffect } from '../../../services';
 import { EuiI18n, useEuiI18n } from '../../i18n';
 import { EuiPopover, EuiPopoverFooter } from '../../popover';
 import { EuiButtonIcon, EuiButtonGroup, EuiButtonEmpty } from '../../button';
-import { EuiFormRow, EuiRange } from '../../form';
+import { EuiFormRow, EuiRange, EuiRangeProps } from '../../form';
 import { EuiFlexGroup, EuiFlexItem } from '../../flex';
 import { EuiToolTip } from '../../tool_tip';
 
@@ -137,8 +137,12 @@ export const useDataGridDisplaySelector = (
     },
     [lineCount]
   );
-  const setLineCountHeight = useCallback((event) => {
-    const newLineCount = Number(event.target.value);
+  const setLineCountHeight = useCallback<
+    NonNullable<EuiRangeProps['onChange']>
+  >((event) => {
+    if (!event.currentTarget) return;
+
+    const newLineCount = Number(event.currentTarget.value);
     if (newLineCount < 1) return; // Don't let users set a 0 or negative line count
 
     setLineCount(newLineCount);
diff --git a/src/components/datagrid/data_grid_types.ts b/src/components/datagrid/data_grid_types.ts
index ce71ec8cd46..daf489cb48e 100644
--- a/src/components/datagrid/data_grid_types.ts
+++ b/src/components/datagrid/data_grid_types.ts
@@ -18,6 +18,7 @@ import {
   Ref,
   Component,
   PropsWithChildren,
+  ComponentClass,
 } from 'react';
 import {
   VariableSizeGridProps,
@@ -582,8 +583,8 @@ export interface EuiDataGridCellProps {
   className?: string;
   popoverContext: DataGridCellPopoverContextShape;
   renderCellValue:
-    | JSXElementConstructor<EuiDataGridCellValueElementProps>
-    | ((props: EuiDataGridCellValueElementProps) => ReactNode);
+    | ((props: EuiDataGridCellValueElementProps) => ReactNode)
+    | ComponentClass<EuiDataGridCellValueElementProps>;
   renderCellPopover?:
     | JSXElementConstructor<EuiDataGridCellPopoverElementProps>
     | ((props: EuiDataGridCellPopoverElementProps) => ReactNode);
@@ -706,8 +707,7 @@ export interface EuiDataGridColumn {
 }
 
 export type EuiDataGridColumnCellAction =
-  | JSXElementConstructor<EuiDataGridColumnCellActionProps>
-  | ((props: EuiDataGridColumnCellActionProps) => ReactNode);
+  ComponentType<EuiDataGridColumnCellActionProps>;
 
 export interface EuiDataGridColumnActions {
   /**
@@ -936,18 +936,20 @@ export interface EuiDataGridPaginationProps {
   onChangePage: (pageIndex: number) => void;
 }
 
+export interface EuiDataGridColumnSortingConfig {
+  id: string;
+  direction: 'asc' | 'desc';
+}
+
 export interface EuiDataGridSorting {
   /**
    * A function that receives updated column sort details in response to user interactions in the toolbar controls
    */
-  onSort: (columns: EuiDataGridSorting['columns']) => void;
+  onSort: (columns: EuiDataGridColumnSortingConfig[]) => void;
   /**
    * An array of the column ids currently being sorted and their sort direction. The array order determines the sort order. `{ id: 'A'; direction: 'asc' }`
    */
-  columns: Array<{
-    id: string;
-    direction: 'asc' | 'desc';
-  }>;
+  columns: EuiDataGridColumnSortingConfig[];
 }
 
 export interface EuiDataGridInMemory {
diff --git a/src/components/datagrid/utils/data_grid_pagination.tsx b/src/components/datagrid/utils/data_grid_pagination.tsx
index dea8dd5424e..bbdcd21bad5 100644
--- a/src/components/datagrid/utils/data_grid_pagination.tsx
+++ b/src/components/datagrid/utils/data_grid_pagination.tsx
@@ -9,7 +9,10 @@
 import React, { useCallback, useContext } from 'react';
 import { useEuiI18n } from '../../i18n'; // Note: this file must be named data_grid_pagination to match i18n tokens
 import { EuiTablePagination } from '../../table/table_pagination';
-import { EuiDataGridPaginationRendererProps } from '../data_grid_types';
+import {
+  EuiDataGridPaginationProps,
+  EuiDataGridPaginationRendererProps,
+} from '../data_grid_types';
 import { DataGridFocusContext } from './focus';
 
 export const EuiDataGridPaginationRenderer = ({
@@ -34,7 +37,7 @@ export const EuiDataGridPaginationRenderer = ({
 
   // Focus the first data cell & scroll back to the top of the grid whenever paginating to a new page
   const { setFocusedCell } = useContext(DataGridFocusContext);
-  const onChangePage = useCallback(
+  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>(
     (pageIndex) => {
       _onChangePage(pageIndex);
       setFocusedCell([0, 0]);
diff --git a/src/components/datagrid/utils/in_memory.tsx b/src/components/datagrid/utils/in_memory.tsx
index 8903913eaff..33d840e0901 100644
--- a/src/components/datagrid/utils/in_memory.tsx
+++ b/src/components/datagrid/utils/in_memory.tsx
@@ -33,7 +33,7 @@ export const useInMemoryValues = (
   rowCount: number
 ): [
   EuiDataGridInMemoryValues,
-  (rowIndex: number, columnId: string, value: string) => void
+  EuiDataGridInMemoryRendererProps['onCellRender']
 ] => {
   /**
    * For performance, `onCellRender` below mutates the inMemoryValues object
@@ -47,12 +47,14 @@ export const useInMemoryValues = (
   const _inMemoryValues = useRef<EuiDataGridInMemoryValues>({});
   const [inMemoryValuesVersion, setInMemoryValuesVersion] = useState(0);
 
-  const inMemoryValues = useMemo(
+  const inMemoryValues = useMemo<EuiDataGridInMemoryValues>(
     () => ({ ..._inMemoryValues.current }),
     [inMemoryValuesVersion] // eslint-disable-line react-hooks/exhaustive-deps
   );
 
-  const onCellRender = useCallback((rowIndex, columnId, value) => {
+  const onCellRender = useCallback<
+    EuiDataGridInMemoryRendererProps['onCellRender']
+  >((rowIndex, columnId, value) => {
     const nextInMemoryValues = _inMemoryValues.current;
     nextInMemoryValues[rowIndex] = nextInMemoryValues[rowIndex] || {};
     if (nextInMemoryValues[rowIndex][columnId] !== value) {
diff --git a/src/components/datagrid/utils/ref.ts b/src/components/datagrid/utils/ref.ts
index bbf5099120b..fa0f70be4a2 100644
--- a/src/components/datagrid/utils/ref.ts
+++ b/src/components/datagrid/utils/ref.ts
@@ -50,7 +50,7 @@ export const useImperativeGridRef = ({
   // the targeted cell is valid or in view (unlike our internal state, where
   // both of those states can be guaranteed), so we need to do some extra
   // checks here to make sure the grid automatically handles all cells
-  const setFocusedCell = useCallback(
+  const setFocusedCell = useCallback<EuiDataGridRefProps['setFocusedCell']>(
     ({ rowIndex, colIndex }) => {
       checkCellExists({ rowIndex, colIndex });
       const visibleRowIndex = findVisibleRowIndex(rowIndex);
@@ -67,7 +67,7 @@ export const useImperativeGridRef = ({
   // the targeted cell is valid or in view (unlike our internal state, where
   // both of those states can be guaranteed), so we need to do some extra
   // checks here to make sure the grid automatically handles all cells
-  const openCellPopover = useCallback(
+  const openCellPopover = useCallback<EuiDataGridRefProps['openCellPopover']>(
     ({ rowIndex, colIndex }) => {
       checkCellExists({ rowIndex, colIndex });
       const visibleRowIndex = findVisibleRowIndex(rowIndex);
@@ -114,7 +114,7 @@ export const useImperativeGridRef = ({
  */
 export const useCellLocationCheck = (rowCount: number, colCount: number) => {
   const checkCellExists = useCallback(
-    ({ rowIndex, colIndex }) => {
+    ({ rowIndex, colIndex }: { rowIndex: number; colIndex: number }) => {
       if (rowIndex >= rowCount || rowIndex < 0) {
         throw new Error(
           `Row ${rowIndex} is not a valid row. The maximum visible row index is ${

From f6e1afe2e54cc41ac61866743fdfd6bb198da0a6 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Tue, 25 Jul 2023 22:51:30 +0200
Subject: [PATCH 08/24] [React 18] Fix remaining TypeScript errors (#6988)

---
 package.json                                  |  1 +
 .../guide_tabbed_page/guide_tabbed_page.tsx   | 34 +++++++++++--------
 .../metric/metric_chart_grid.tsx              |  1 +
 .../metric/metric_chart_grid_column.tsx       |  1 +
 .../metric/metric_chart_grid_row.tsx          |  1 +
 .../metric/metric_chart_no_data.tsx           |  2 ++
 .../metric/metric_chart_overview.tsx          |  1 +
 .../metric/metric_chart_progress_bar.tsx      |  2 ++
 .../metric/metric_chart_resizing.tsx          |  1 +
 .../metric/metric_chart_single_value.tsx      |  1 +
 .../metric/metric_chart_trend.tsx             |  1 +
 .../empty_prompt_multiple_types.tsx           | 12 +++----
 src-docs/src/views/page_components/page.tsx   |  2 +-
 .../resizable_container_reset_values.tsx      |  2 +-
 src-docs/src/views/tables/custom/custom.tsx   |  3 +-
 .../views/theme/typography/_typography_js.tsx | 10 +++++-
 .../theme/typography/_typography_sass.tsx     | 20 +++++++++--
 .../basic_table/in_memory_table.tsx           |  7 ++--
 .../collapsible_nav_beta.stories.tsx          |  6 ++--
 src/components/date_picker/date_picker.tsx    | 10 ++++--
 src/components/form/form.tsx                  |  2 +-
 .../markdown_editor/markdown_editor.tsx       |  2 +-
 .../resize_observer/resize_observer.tsx       |  2 +-
 src/components/popover/wrapping_popover.tsx   |  3 +-
 src/components/portal/portal.tsx              |  3 +-
 .../resizable_panel.test.tsx                  |  7 ++--
 src/components/side_nav/side_nav_types.ts     |  2 +-
 .../tabs/tabbed_content/tabbed_content.tsx    |  2 +-
 .../timeline/timeline_item_icon.tsx           | 13 ++++---
 src/components/tree_view/tree_view.tsx        | 11 +++++-
 yarn.lock                                     |  2 +-
 31 files changed, 115 insertions(+), 52 deletions(-)

diff --git a/package.json b/package.json
index 6f4913860c7..eab9ac31b22 100644
--- a/package.json
+++ b/package.json
@@ -146,6 +146,7 @@
     "@testing-library/react-16-17": "npm:@testing-library/react@^12.1.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
+    "@types/cheerio": "^0.22.31",
     "@types/classnames": "^2.2.10",
     "@types/enzyme": "^3.10.5",
     "@types/jest": "^24.0.6",
diff --git a/src-docs/src/components/guide_tabbed_page/guide_tabbed_page.tsx b/src-docs/src/components/guide_tabbed_page/guide_tabbed_page.tsx
index fbdcbf40e2a..78c9fce25ed 100644
--- a/src-docs/src/components/guide_tabbed_page/guide_tabbed_page.tsx
+++ b/src-docs/src/components/guide_tabbed_page/guide_tabbed_page.tsx
@@ -1,4 +1,9 @@
-import React, { FunctionComponent, ReactNode, useContext } from 'react';
+import React, {
+  FunctionComponent,
+  PropsWithChildren,
+  ReactNode,
+  useContext,
+} from 'react';
 import {
   Switch,
   Route,
@@ -17,19 +22,20 @@ import {
 import { LanguageSelector, ThemeContext } from '../with_theme';
 import { GuideSection } from '../guide_section/guide_section';
 
-export type GuideTabbedPageProps = CommonProps & {
-  description?: ReactNode;
-  guidelines?: ReactNode;
-  intro?: ReactNode;
-  isBeta?: boolean;
-  isNew?: boolean;
-  notice?: ReactNode;
-  pages?: any;
-  rightSideItems?: ReactNode[];
-  showThemeLanguageToggle?: boolean;
-  tabs?: any;
-  title: string;
-};
+export type GuideTabbedPageProps = PropsWithChildren &
+  CommonProps & {
+    description?: ReactNode;
+    guidelines?: ReactNode;
+    intro?: ReactNode;
+    isBeta?: boolean;
+    isNew?: boolean;
+    notice?: ReactNode;
+    pages?: any;
+    rightSideItems?: ReactNode[];
+    showThemeLanguageToggle?: boolean;
+    tabs?: any;
+    title: string;
+  };
 
 export const GuideTabbedPage: FunctionComponent<GuideTabbedPageProps> = ({
   description,
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_grid.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_grid.tsx
index e8fb53581fd..4508de3f285 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_grid.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_grid.tsx
@@ -149,6 +149,7 @@ export default () => {
   const chartBaseTheme = isDarkTheme ? DARK_THEME : LIGHT_THEME;
   return (
     <EuiPanel paddingSize="none" style={{ overflow: 'hidden', width: 800 }}>
+      {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
       <Chart size={[800, 300]}>
         <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
         <Metric id="1" data={DATA} />
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_grid_column.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_grid_column.tsx
index d5c6bff2679..5e1810534fa 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_grid_column.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_grid_column.tsx
@@ -22,6 +22,7 @@ export default () => {
   const chartBaseTheme = isDarkTheme ? DARK_THEME : LIGHT_THEME;
   return (
     <EuiPanel paddingSize="none" style={{ overflow: 'hidden', width: 200 }}>
+      {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
       <Chart size={[200, 400]}>
         <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
         <Metric
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_grid_row.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_grid_row.tsx
index 4209e1876fb..0c690b90b8a 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_grid_row.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_grid_row.tsx
@@ -22,6 +22,7 @@ export default () => {
   const chartBaseTheme = isDarkTheme ? DARK_THEME : LIGHT_THEME;
   return (
     <EuiPanel paddingSize="none" style={{ overflow: 'hidden', width: 600 }}>
+      {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
       <Chart size={[600, 200]}>
         <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
         <Metric
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_no_data.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_no_data.tsx
index eea02bf9a56..1b1fa0ae520 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_no_data.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_no_data.tsx
@@ -32,6 +32,7 @@ export default () => {
         <EuiFlexGroup gutterSize="s" alignItems="center" direction="column">
           <EuiText textAlign="center">No Data</EuiText>
           <EuiPanel paddingSize="none" style={{ overflow: 'hidden' }}>
+            {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
             <Chart size={[200, 200]}>
               <Settings
                 baseTheme={chartBaseTheme}
@@ -63,6 +64,7 @@ export default () => {
         <EuiFlexGroup gutterSize="s" alignItems="center" direction="column">
           <EuiText textAlign="center">Filtered Out</EuiText>
           <EuiPanel paddingSize="none" style={{ overflow: 'hidden' }}>
+            {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
             <Chart size={[200, 200]}>
               <Settings
                 theme={euiChartTheme.theme}
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_overview.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_overview.tsx
index 15862ec3c2f..0f13121c6b6 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_overview.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_overview.tsx
@@ -26,6 +26,7 @@ export default () => {
   }));
   return (
     <EuiPanel paddingSize="none" style={{ overflow: 'hidden', width: 200 }}>
+      {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
       <Chart size={[200, 200]}>
         <Settings theme={euiChartTheme.theme} baseTheme={chartBaseTheme} />
         <Metric
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_progress_bar.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_progress_bar.tsx
index cd1df762b94..412c4040c4e 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_progress_bar.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_progress_bar.tsx
@@ -33,6 +33,7 @@ export default () => {
           paddingSize="none"
           style={{ overflow: 'hidden', width: '200px' }}
         >
+          {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
           <Chart size={[200, 200]}>
             <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
             <Metric
@@ -64,6 +65,7 @@ export default () => {
           paddingSize="none"
           style={{ overflow: 'hidden', width: '200px' }}
         >
+          {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
           <Chart size={[200, 200]}>
             <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
             <Metric
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_resizing.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_resizing.tsx
index 4b47c179674..cd46d472587 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_resizing.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_resizing.tsx
@@ -41,6 +41,7 @@ export default () => {
           paddingSize="none"
           style={{ overflow: 'hidden', height: '100%', width: '100%' }}
         >
+          {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
           <Chart size={['100%', '100%']}>
             <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
             <Metric
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_single_value.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_single_value.tsx
index ad973dca3e9..9083061b319 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_single_value.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_single_value.tsx
@@ -74,6 +74,7 @@ export default () => {
     <EuiFlexGroup direction={'column'}>
       <EuiFlexItem grow={0}>
         <EuiPanel paddingSize="none" style={{ overflow: 'hidden', width: 200 }}>
+          {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
           <Chart size={[200, 200]}>
             <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
             <Metric
diff --git a/src-docs/src/views/elastic_charts/metric/metric_chart_trend.tsx b/src-docs/src/views/elastic_charts/metric/metric_chart_trend.tsx
index 00653322f43..2e42a469ea1 100644
--- a/src-docs/src/views/elastic_charts/metric/metric_chart_trend.tsx
+++ b/src-docs/src/views/elastic_charts/metric/metric_chart_trend.tsx
@@ -28,6 +28,7 @@ export default () => {
 
   return (
     <EuiPanel paddingSize="none" style={{ overflow: 'hidden', width: 200 }}>
+      {/* @ts-ignore @elastic/charts typings are not yet compatible with React 18 */}
       <Chart size={[200, 200]}>
         <Settings baseTheme={chartBaseTheme} theme={euiChartTheme.theme} />
         <Metric
diff --git a/src-docs/src/views/empty_prompt/empty_prompt_multiple_types.tsx b/src-docs/src/views/empty_prompt/empty_prompt_multiple_types.tsx
index 2caa64e20d1..cbfea26ba86 100644
--- a/src-docs/src/views/empty_prompt/empty_prompt_multiple_types.tsx
+++ b/src-docs/src/views/empty_prompt/empty_prompt_multiple_types.tsx
@@ -5,11 +5,11 @@ import { GuideSection } from '../../components/guide_section/guide_section';
 import { GuideSectionTypes } from '../../components/guide_section/guide_section_types';
 import { PanelColor } from '../../../../src/components/panel/panel';
 
-import errorPages from './prompt_types/page_not_found';
+import ErrorPages from './prompt_types/page_not_found';
 const errorPagesSource = require('!!raw-loader!./prompt_types/page_not_found');
-import noPrivileges from './prompt_types/no_permission';
+import NoPrivileges from './prompt_types/no_permission';
 const noPrivilegesSource = require('!!raw-loader!./prompt_types/no_permission');
-import licenseUpgrade from './prompt_types/license_upgrade';
+import LicenseUpgrade from './prompt_types/license_upgrade';
 const licenseUpgradeSource = require('!!raw-loader!./prompt_types/license_upgrade');
 
 export default () => {
@@ -23,19 +23,19 @@ export default () => {
     {
       value: 'errorPages',
       text: 'Page not found',
-      component: errorPages,
+      component: <ErrorPages />,
       source: errorPagesSource,
     },
     {
       value: 'noPrivileges',
       text: 'No permission',
-      component: noPrivileges,
+      component: <NoPrivileges />,
       source: noPrivilegesSource,
     },
     {
       value: 'licenseUpgrade',
       text: 'License upgrade',
-      component: licenseUpgrade,
+      component: <LicenseUpgrade />,
       source: licenseUpgradeSource,
     },
   ];
diff --git a/src-docs/src/views/page_components/page.tsx b/src-docs/src/views/page_components/page.tsx
index e26cb30003b..64e2b8a13e4 100644
--- a/src-docs/src/views/page_components/page.tsx
+++ b/src-docs/src/views/page_components/page.tsx
@@ -12,7 +12,7 @@ export default ({
   content = <></>,
   sideBar,
   ...rest
-}: EuiPageProps & {
+}: Omit<EuiPageProps, 'content'> & {
   content: ReactElement;
   sideBar?: ReactElement;
 }) => (
diff --git a/src-docs/src/views/resizable_container/resizable_container_reset_values.tsx b/src-docs/src/views/resizable_container/resizable_container_reset_values.tsx
index 7d5ce5ece77..824a19e82bc 100644
--- a/src-docs/src/views/resizable_container/resizable_container_reset_values.tsx
+++ b/src-docs/src/views/resizable_container/resizable_container_reset_values.tsx
@@ -30,7 +30,7 @@ const defaultSizes = storedSizes || {
 export default () => {
   const [savedSizes, setSavedSizes] = useState(storedSizes);
   const [sizes, setSizes] = useState(defaultSizes);
-  const onPanelWidthChange = useCallback((newSizes) => {
+  const onPanelWidthChange = useCallback((newSizes: Record<string, number>) => {
     setSizes((prevSizes: Record<string, number>) => ({
       ...prevSizes,
       ...newSizes,
diff --git a/src-docs/src/views/tables/custom/custom.tsx b/src-docs/src/views/tables/custom/custom.tsx
index 8f47e74a2a5..aad9499ad03 100644
--- a/src-docs/src/views/tables/custom/custom.tsx
+++ b/src-docs/src/views/tables/custom/custom.tsx
@@ -296,7 +296,7 @@ export default class extends Component<{}, State> {
             size="m"
             style={{ verticalAlign: 'text-top' }}
           />{' '}
-          {title}
+          {title as ReactNode}
         </span>
       ),
     },
@@ -674,6 +674,7 @@ export default class extends Component<{}, State> {
             mobileOptions={{
               header: column.label,
               ...column.mobileOptions,
+              render: column.mobileOptions?.render?.(item),
             }}
           >
             {child}
diff --git a/src-docs/src/views/theme/typography/_typography_js.tsx b/src-docs/src/views/theme/typography/_typography_js.tsx
index 0ae87c008e0..60c773239b2 100644
--- a/src-docs/src/views/theme/typography/_typography_js.tsx
+++ b/src-docs/src/views/theme/typography/_typography_js.tsx
@@ -217,6 +217,14 @@ export const FontScaleJS = () => {
   );
 };
 
+interface FontScaleDetails {
+  id: typeof EuiThemeFontScales[number];
+  value: string;
+  size: string;
+  lineHeight: string;
+  index: number;
+}
+
 export const FontScaleValuesJS = () => {
   const euiThemeContext = useEuiTheme();
   const scaleKeys = EuiThemeFontScales;
@@ -261,7 +269,7 @@ export const FontScaleValuesJS = () => {
         </EuiDescribedFormGroup>
       </EuiPanel>
       <EuiSpacer />
-      <EuiBasicTable
+      <EuiBasicTable<FontScaleDetails>
         tableLayout="auto"
         items={scaleKeys.map((scale, index) => {
           return {
diff --git a/src-docs/src/views/theme/typography/_typography_sass.tsx b/src-docs/src/views/theme/typography/_typography_sass.tsx
index 16b1a9b2c4f..abb08a2263d 100644
--- a/src-docs/src/views/theme/typography/_typography_sass.tsx
+++ b/src-docs/src/views/theme/typography/_typography_sass.tsx
@@ -165,12 +165,18 @@ export const FontWeightSass: FunctionComponent<ThemeRowType> = ({
   );
 };
 
+interface FontWeightDetails {
+  id: typeof euiFontWeights[number];
+  token: string;
+  value: number;
+}
+
 export const FontWeightValuesSass = () => {
   const values = useJsonVars();
 
   return (
     <>
-      <EuiBasicTable
+      <EuiBasicTable<FontWeightDetails>
         items={euiFontWeights.map(function (weight) {
           return {
             id: weight,
@@ -221,7 +227,7 @@ const euiFontSizes = [
   'euiFontSizeL',
   'euiFontSizeXL',
   'euiFontSizeXXL',
-];
+] as const;
 
 export const FontScaleSass = () => {
   return (
@@ -243,12 +249,20 @@ export const FontScaleSass = () => {
   );
 };
 
+interface FontSizesDetails {
+  id: typeof euiFontSizes[number];
+  token: string;
+  mixin: string;
+  value: string;
+  index: number;
+}
+
 export const FontScaleValuesSass = () => {
   const values = useJsonVars();
 
   return (
     <>
-      <EuiBasicTable
+      <EuiBasicTable<FontSizesDetails>
         items={euiFontSizes.map(function (size, index) {
           return {
             id: size,
diff --git a/src/components/basic_table/in_memory_table.tsx b/src/components/basic_table/in_memory_table.tsx
index 9c959c265f7..f03dacd5fef 100644
--- a/src/components/basic_table/in_memory_table.tsx
+++ b/src/components/basic_table/in_memory_table.tsx
@@ -423,7 +423,10 @@ export class EuiInMemoryTable<T> extends Component<
     // EuiBasicTable returns the column's `field` instead of `name` on sort
     // and the column's `name` instead of `field` on pagination
     if (sortName) {
-      const sortColumn = findColumnByFieldOrName(this.props.columns, sortName);
+      const sortColumn = findColumnByFieldOrName(
+        this.props.columns,
+        sortName as ReactNode
+      );
       if (sortColumn) {
         // Ensure sortName uses `name`
         sortName = sortColumn.name as keyof T;
@@ -460,7 +463,7 @@ export class EuiInMemoryTable<T> extends Component<
     this.setState({
       pageIndex,
       pageSize,
-      sortName,
+      sortName: sortName as ReactNode,
       sortDirection,
     });
   };
diff --git a/src/components/collapsible_nav_beta/collapsible_nav_beta.stories.tsx b/src/components/collapsible_nav_beta/collapsible_nav_beta.stories.tsx
index a68c1ad8c9f..f8b4b366dc7 100644
--- a/src/components/collapsible_nav_beta/collapsible_nav_beta.stories.tsx
+++ b/src/components/collapsible_nav_beta/collapsible_nav_beta.stories.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { EuiFlyoutBody, EuiFlyoutFooter } from '../flyout';
@@ -22,7 +22,9 @@ export default meta;
 type Story = StoryObj<{}>;
 
 // TODO: Make this a stateful component in upcoming EuiCollapsibleNavBeta work
-const OpenCollapsibleNav: FunctionComponent<{}> = ({ children }) => {
+const OpenCollapsibleNav: FunctionComponent<PropsWithChildren> = ({
+  children,
+}) => {
   return (
     <EuiCollapsibleNavBeta isOpen={true} onClose={() => {}}>
       {children}
diff --git a/src/components/date_picker/date_picker.tsx b/src/components/date_picker/date_picker.tsx
index 38c7ab79633..4c41d516553 100644
--- a/src/components/date_picker/date_picker.tsx
+++ b/src/components/date_picker/date_picker.tsx
@@ -13,6 +13,7 @@ import React, {
   Ref,
   useState,
   useCallback,
+  RefCallback,
 } from 'react';
 import classNames from 'classnames';
 
@@ -226,9 +227,12 @@ export const EuiDatePicker: FunctionComponent<EuiDatePickerProps> = ({
   }
 
   // Set an internal ref on ReactDatePicker's `input` so we can set its :invalid state via useEuiValidatableControl
-  const [inputValidityRef, _setInputValidityRef] = useState(null);
-  const setInputValidityRef = useCallback((ref) => {
-    _setInputValidityRef(ref?.input);
+  const [inputValidityRef, _setInputValidityRef] =
+    useState<HTMLInputElement | null>(null);
+  const setInputValidityRef = useCallback<
+    RefCallback<Component & { input: HTMLInputElement }>
+  >((ref) => {
+    _setInputValidityRef(ref?.input || null);
   }, []);
   useEuiValidatableControl({ isInvalid, controlEl: inputValidityRef });
   const inputRefs = useCombinedRefs([inputRef, setInputValidityRef]);
diff --git a/src/components/form/form.tsx b/src/components/form/form.tsx
index a3d653f72d1..c37c47b87a5 100644
--- a/src/components/form/form.tsx
+++ b/src/components/form/form.tsx
@@ -66,7 +66,7 @@ export const EuiForm = forwardRef<HTMLElement, EuiFormProps>(
       [fullWidth]
     );
 
-    const handleFocus = useCallback((node) => {
+    const handleFocus = useCallback((node: HTMLDivElement) => {
       node?.focus();
     }, []);
 
diff --git a/src/components/markdown_editor/markdown_editor.tsx b/src/components/markdown_editor/markdown_editor.tsx
index add06457894..b7298ff9989 100644
--- a/src/components/markdown_editor/markdown_editor.tsx
+++ b/src/components/markdown_editor/markdown_editor.tsx
@@ -259,7 +259,7 @@ export const EuiMarkdownEditor = forwardRef<
     const isPreviewing = viewMode === MODE_VIEWING;
     const isEditing = viewMode === MODE_EDITING;
 
-    const replaceNode = useCallback(
+    const replaceNode = useCallback<ContextShape['replaceNode']>(
       (position, next) => {
         const leading = value.substring(0, position.start.offset);
         const trailing = value.substring(position.end.offset);
diff --git a/src/components/observer/resize_observer/resize_observer.tsx b/src/components/observer/resize_observer/resize_observer.tsx
index 7b018789b5b..aa0b040ee14 100644
--- a/src/components/observer/resize_observer/resize_observer.tsx
+++ b/src/components/observer/resize_observer/resize_observer.tsx
@@ -76,7 +76,7 @@ export const useResizeObserver = (
   // new state (and trigger a re-render) when the new dimensions actually differ
   const _currentDimensions = useRef(size);
   const setSize = useCallback(
-    (dimensions) => {
+    (dimensions: { width: number; height: number }) => {
       const doesWidthMatter = dimension !== 'height';
       const doesHeightMatter = dimension !== 'width';
       if (
diff --git a/src/components/popover/wrapping_popover.tsx b/src/components/popover/wrapping_popover.tsx
index 8ea55d39ead..d193c0fa845 100644
--- a/src/components/popover/wrapping_popover.tsx
+++ b/src/components/popover/wrapping_popover.tsx
@@ -10,7 +10,8 @@ import React, { Component } from 'react';
 import { EuiPopover, Props as EuiPopoverProps } from './popover';
 import { EuiPortal } from '../portal';
 
-export interface EuiWrappingPopoverProps extends EuiPopoverProps {
+export interface EuiWrappingPopoverProps
+  extends Omit<EuiPopoverProps, 'button'> {
   button: HTMLElement;
 }
 
diff --git a/src/components/portal/portal.tsx b/src/components/portal/portal.tsx
index 88fe1f0de86..7ddd1f69b29 100644
--- a/src/components/portal/portal.tsx
+++ b/src/components/portal/portal.tsx
@@ -11,7 +11,7 @@
  * into portals.
  */
 
-import React, { Component, ReactNode } from 'react';
+import React, { Component, ContextType, ReactNode } from 'react';
 import { createPortal } from 'react-dom';
 
 import { EuiNestedThemeContext } from '../../services';
@@ -43,6 +43,7 @@ export interface EuiPortalProps {
 
 export class EuiPortal extends Component<EuiPortalProps> {
   static contextType = EuiNestedThemeContext;
+  declare context: ContextType<typeof EuiNestedThemeContext>;
 
   portalNode: HTMLDivElement | null = null;
 
diff --git a/src/components/resizable_container/resizable_panel.test.tsx b/src/components/resizable_container/resizable_panel.test.tsx
index c01b3a1467b..4742f56f8d0 100644
--- a/src/components/resizable_container/resizable_panel.test.tsx
+++ b/src/components/resizable_container/resizable_panel.test.tsx
@@ -6,7 +6,10 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, {
+  FunctionComponent,
+  PropsWithChildren,
+} from 'react';
 import { render } from '@testing-library/react';
 import { requiredProps } from '../../test/required_props';
 import { shouldRenderCustomStyles } from '../../test/internal';
@@ -16,7 +19,7 @@ import { EuiResizablePanel } from './resizable_panel';
 
 describe('EuiResizablePanel', () => {
   const mockRegistry = { panels: {}, resizers: {} };
-  const wrapper: FunctionComponent = ({ children }) => (
+  const wrapper: FunctionComponent<PropsWithChildren> = ({ children }) => (
     <EuiResizableContainerContextProvider registry={mockRegistry}>
       {children}
     </EuiResizableContainerContextProvider>
diff --git a/src/components/side_nav/side_nav_types.ts b/src/components/side_nav/side_nav_types.ts
index 9e986ff8caa..15f2601af21 100644
--- a/src/components/side_nav/side_nav_types.ts
+++ b/src/components/side_nav/side_nav_types.ts
@@ -18,7 +18,7 @@ export interface EuiSideNavItemType<T>
   extends Omit<_EuiSideNavItemButtonProps, 'children'>,
     Omit<
       _EuiSideNavItemProps,
-      'isParent' | 'depth' | 'isOpen' | 'childrenOnly'
+      'isParent' | 'depth' | 'isOpen' | 'childrenOnly' | 'items'
     > {
   /**
    * A value that is passed to React as the `key` for this item
diff --git a/src/components/tabs/tabbed_content/tabbed_content.tsx b/src/components/tabs/tabbed_content/tabbed_content.tsx
index 0a1146f9b72..99ed28a5bcc 100644
--- a/src/components/tabs/tabbed_content/tabbed_content.tsx
+++ b/src/components/tabs/tabbed_content/tabbed_content.tsx
@@ -37,7 +37,7 @@ interface EuiTabbedContentState {
 }
 
 export type EuiTabbedContentProps = CommonProps &
-  HTMLAttributes<HTMLDivElement> & {
+  Omit<HTMLAttributes<HTMLDivElement>, 'autoFocus'> & {
     /**
      * When tabbing into the tabs, set the focus on `initial` for the first tab,
      * or `selected` for the currently selected tab. Best use case is for inside of
diff --git a/src/components/timeline/timeline_item_icon.tsx b/src/components/timeline/timeline_item_icon.tsx
index 8b6beac4a44..cd323c970c7 100644
--- a/src/components/timeline/timeline_item_icon.tsx
+++ b/src/components/timeline/timeline_item_icon.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, ReactNode } from 'react';
+import React, { FunctionComponent, isValidElement, ReactNode } from 'react';
 import { IconType } from '../icon';
 import { EuiAvatar } from '../avatar';
 import { useEuiTheme } from '../../services';
@@ -37,12 +37,11 @@ export const EuiTimelineItemIcon: FunctionComponent<
 
   const ariaLabel = iconAriaLabel ? iconAriaLabel : '';
 
-  const iconRender =
-    typeof icon === 'string' ? (
-      <EuiAvatar color="subdued" name={ariaLabel} iconType={icon} />
-    ) : (
-      icon
-    );
+  const iconRender = isValidElement(icon) ? (
+    icon
+  ) : (
+    <EuiAvatar color="subdued" name={ariaLabel} iconType={icon as IconType} />
+  );
 
   return (
     <div css={cssStyles}>
diff --git a/src/components/tree_view/tree_view.tsx b/src/components/tree_view/tree_view.tsx
index d1a63d53ea2..35eff6b403d 100644
--- a/src/components/tree_view/tree_view.tsx
+++ b/src/components/tree_view/tree_view.tsx
@@ -6,7 +6,12 @@
  * Side Public License, v 1.
  */
 
-import React, { Component, HTMLAttributes, createContext } from 'react';
+import React, {
+  Component,
+  HTMLAttributes,
+  createContext,
+  ContextType,
+} from 'react';
 import classNames from 'classnames';
 import { CommonProps } from '../common';
 import { EuiI18n } from '../i18n';
@@ -110,8 +115,12 @@ export type EuiTreeViewProps = Omit<
 
 export class EuiTreeView extends Component<EuiTreeViewProps, EuiTreeViewState> {
   treeIdGenerator = htmlIdGenerator('euiTreeView');
+
   static contextType = EuiTreeViewContext;
+  declare context: ContextType<typeof EuiTreeViewContext>;
+
   isNested: boolean = !!this.context;
+
   state: EuiTreeViewState = {
     openItems: this.props.expandByDefault
       ? this.props.items
diff --git a/yarn.lock b/yarn.lock
index 0d661bf87c3..8866de02a75 100755
--- a/yarn.lock
+++ b/yarn.lock
@@ -4446,7 +4446,7 @@
   resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.8.tgz#5702f74f78b73e13f1eb1bd435c2c9de61a250d4"
   integrity sha512-LzF540VOFabhS2TR2yYFz2Mu/fTfkA+5AwYddtJbOJGwnYrr2e7fHadT7/Z3jNGJJdCRlO3ySxmW26NgRdwhNA==
 
-"@types/cheerio@^0.22.22":
+"@types/cheerio@^0.22.22", "@types/cheerio@^0.22.31":
   version "0.22.31"
   resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.31.tgz#b8538100653d6bb1b08a1e46dec75b4f2a5d5eb6"
   integrity sha512-Kt7Cdjjdi2XWSfrZ53v4Of0wG3ZcmaegFXjMmz9tfNrZSkzzo36G0AL1YqSdcIA78Etjt6E609pt5h1xnQkPUw==

From 1b9ed7065e5459281da305381fd12c36c9582d5a Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Thu, 27 Jul 2023 01:14:08 +0200
Subject: [PATCH 09/24] [React 18] Fix cross-version compatibility and unit
 test errors (#7002)

---
 cypress/support/setup/mount.js                |   0
 cypress/support/setup/mount.tsx               |  14 +-
 scripts/jest/config.js                        |   1 +
 .../datagrid/advanced/custom_renderer.tsx     |  17 +-
 .../datagrid/styling/row_height_fixed.tsx     |   8 +-
 .../src/views/theme/color_mode/inverse.tsx    |   6 +-
 .../views/theme/typography/_typography_js.tsx |   2 +-
 .../theme/typography/_typography_sass.tsx     |   4 +-
 src/components/breadcrumbs/breadcrumb.tsx     |   3 +-
 src/components/code/utils.test.tsx            |   2 +-
 src/components/combo_box/combo_box.test.tsx   |   8 +-
 .../body/data_grid_cell_popover.test.tsx      |  20 +-
 .../column_sorting.test.tsx.snap              | 290 +++++++++++
 .../column_sorting_draggable.test.tsx.snap    | 450 ++++++++++++------
 .../keyboard_shortcuts.test.tsx.snap          |  41 +-
 .../column_sorting_draggable.test.tsx         | 139 +++---
 .../controls/keyboard_shortcuts.test.tsx      |  19 +-
 src/components/datagrid/data_grid.test.tsx    |   5 +-
 .../datagrid/utils/row_heights.test.ts        |   2 +-
 src/components/form/form.styles.test.tsx      |   2 +-
 .../validatable_control.test.tsx              |   2 +-
 .../__snapshots__/highlight.test.tsx.snap     |   1 -
 src/components/icon/icon.test.tsx             |  27 ++
 .../inline_edit/inline_edit_form.test.tsx     |  51 +-
 src/components/inner_text/index.ts            |   1 -
 .../inner_text/render_to_text.test.tsx        |  44 --
 src/components/inner_text/render_to_text.tsx  |  42 --
 .../overlay_mask/overlay_mask.test.tsx        |  19 +-
 .../provider/nested/nested_context.test.tsx   |   3 +-
 .../resizable_panel.test.tsx                  |   5 +-
 src/services/theme/hooks.test.tsx             |   9 +-
 src/test/react_version.ts                     |   6 +
 src/test/rtl/component_helpers.ts             |   2 +-
 src/test/rtl/index.ts                         |   1 +
 src/test/rtl/render_hook.ts                   |  28 ++
 35 files changed, 886 insertions(+), 388 deletions(-)
 delete mode 100644 cypress/support/setup/mount.js
 delete mode 100644 src/components/inner_text/render_to_text.test.tsx
 delete mode 100644 src/components/inner_text/render_to_text.tsx
 create mode 100644 src/test/rtl/render_hook.ts

diff --git a/cypress/support/setup/mount.js b/cypress/support/setup/mount.js
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/cypress/support/setup/mount.tsx b/cypress/support/setup/mount.tsx
index 3cc6aaaa9d6..a37ef2555af 100644
--- a/cypress/support/setup/mount.tsx
+++ b/cypress/support/setup/mount.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { ReactNode } from 'react';
-import { EuiProvider } from '../../../src';
+import { EuiProvider, EuiProviderProps } from '../../../src';
 import type { mount } from '@cypress/react18';
 
 // Pick cypress mount function based on which React version is currently being
@@ -20,8 +20,16 @@ if (process.env.REACT_VERSION === '18') {
   cypressMount = require('@cypress/react').mount;
 }
 
-const mountCommand = (children: ReactNode): ReturnType<typeof mount> => {
-  return cypressMount(<EuiProvider>{children}</EuiProvider>);
+export interface MountOptions {
+  providerProps?: Partial<EuiProviderProps<any>>;
+}
+
+const mountCommand = (
+  children: ReactNode,
+  options: MountOptions = {}
+): ReturnType<typeof mount> => {
+  const { providerProps } = options;
+  return cypressMount(<EuiProvider {...providerProps}>{children}</EuiProvider>);
 };
 
 // Export only the type to not confuse code-completion tools
diff --git a/scripts/jest/config.js b/scripts/jest/config.js
index 7037b61de39..3174d93b6cb 100644
--- a/scripts/jest/config.js
+++ b/scripts/jest/config.js
@@ -61,6 +61,7 @@ if (['16', '17'].includes(reactVersion)) {
     '^@testing-library/react((\\\\/.*)?)$'
   ] = `@testing-library/react-16-17$1`;
   config.moduleNameMapper['^react((\\/.*)?)$'] = `react-${reactVersion}$1`;
+
   config.moduleNameMapper[
     '^react-dom((\\/.*)?)$'
   ] = `react-dom-${reactVersion}$1`;
diff --git a/src-docs/src/views/datagrid/advanced/custom_renderer.tsx b/src-docs/src/views/datagrid/advanced/custom_renderer.tsx
index 56c37a1a74c..142df63ec57 100644
--- a/src-docs/src/views/datagrid/advanced/custom_renderer.tsx
+++ b/src-docs/src/views/datagrid/advanced/custom_renderer.tsx
@@ -169,15 +169,22 @@ export default () => {
 
   // Pagination
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
-  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>((pageIndex) => {
-    setPagination((pagination) => ({ ...pagination, pageIndex }));
-  }, []);
-  const onChangePageSize = useCallback<EuiDataGridPaginationProps['onChangeItemsPerPage']>((pageSize) => {
+  const onChangePage = useCallback<EuiDataGridPaginationProps['onChangePage']>(
+    (pageIndex) => {
+      setPagination((pagination) => ({ ...pagination, pageIndex }));
+    },
+    []
+  );
+  const onChangePageSize = useCallback<
+    EuiDataGridPaginationProps['onChangeItemsPerPage']
+  >((pageSize) => {
     setPagination((pagination) => ({ ...pagination, pageSize }));
   }, []);
 
   // Sorting
-  const [sortingColumns, setSortingColumns] = useState<EuiDataGridColumnSortingConfig[]>([]);
+  const [sortingColumns, setSortingColumns] = useState<
+    EuiDataGridColumnSortingConfig[]
+  >([]);
   const onSort = useCallback<EuiDataGridSorting['onSort']>((sortingColumns) => {
     setSortingColumns(sortingColumns);
   }, []);
diff --git a/src-docs/src/views/datagrid/styling/row_height_fixed.tsx b/src-docs/src/views/datagrid/styling/row_height_fixed.tsx
index f2a5ebbed9d..ba96749e2d0 100644
--- a/src-docs/src/views/datagrid/styling/row_height_fixed.tsx
+++ b/src-docs/src/views/datagrid/styling/row_height_fixed.tsx
@@ -149,7 +149,9 @@ export default () => {
   const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 50 });
 
   // Sorting
-  const [sortingColumns, setSortingColumns] = useState<EuiDataGridColumnSortingConfig[]>([]);
+  const [sortingColumns, setSortingColumns] = useState<
+    EuiDataGridColumnSortingConfig[]
+  >([]);
   const onSort = useCallback<EuiDataGridSorting['onSort']>(
     (sortingColumns) => {
       setSortingColumns(sortingColumns);
@@ -157,7 +159,9 @@ export default () => {
     [setSortingColumns]
   );
 
-  const onChangeItemsPerPage = useCallback<EuiDataGridPaginationProps['onChangeItemsPerPage']>(
+  const onChangeItemsPerPage = useCallback<
+    EuiDataGridPaginationProps['onChangeItemsPerPage']
+  >(
     (pageSize) =>
       setPagination((pagination) => ({
         ...pagination,
diff --git a/src-docs/src/views/theme/color_mode/inverse.tsx b/src-docs/src/views/theme/color_mode/inverse.tsx
index ad636c3499f..30c6fb7992e 100644
--- a/src-docs/src/views/theme/color_mode/inverse.tsx
+++ b/src-docs/src/views/theme/color_mode/inverse.tsx
@@ -1,8 +1,4 @@
-import React, {
-  useState,
-  FC,
-  PropsWithChildren,
-} from 'react';
+import React, { useState, FC, PropsWithChildren } from 'react';
 import {
   EuiThemeProvider,
   useEuiTheme,
diff --git a/src-docs/src/views/theme/typography/_typography_js.tsx b/src-docs/src/views/theme/typography/_typography_js.tsx
index 60c773239b2..c54793b46a2 100644
--- a/src-docs/src/views/theme/typography/_typography_js.tsx
+++ b/src-docs/src/views/theme/typography/_typography_js.tsx
@@ -218,7 +218,7 @@ export const FontScaleJS = () => {
 };
 
 interface FontScaleDetails {
-  id: typeof EuiThemeFontScales[number];
+  id: (typeof EuiThemeFontScales)[number];
   value: string;
   size: string;
   lineHeight: string;
diff --git a/src-docs/src/views/theme/typography/_typography_sass.tsx b/src-docs/src/views/theme/typography/_typography_sass.tsx
index abb08a2263d..2926628c860 100644
--- a/src-docs/src/views/theme/typography/_typography_sass.tsx
+++ b/src-docs/src/views/theme/typography/_typography_sass.tsx
@@ -166,7 +166,7 @@ export const FontWeightSass: FunctionComponent<ThemeRowType> = ({
 };
 
 interface FontWeightDetails {
-  id: typeof euiFontWeights[number];
+  id: (typeof euiFontWeights)[number];
   token: string;
   value: number;
 }
@@ -250,7 +250,7 @@ export const FontScaleSass = () => {
 };
 
 interface FontSizesDetails {
-  id: typeof euiFontSizes[number];
+  id: (typeof euiFontSizes)[number];
   token: string;
   mixin: string;
   value: string;
diff --git a/src/components/breadcrumbs/breadcrumb.tsx b/src/components/breadcrumbs/breadcrumb.tsx
index 6f97b33190f..c54172e336b 100644
--- a/src/components/breadcrumbs/breadcrumb.tsx
+++ b/src/components/breadcrumbs/breadcrumb.tsx
@@ -58,7 +58,8 @@ export type EuiBreadcrumbProps = Omit<
   };
 
 // Used internally only by the parent EuiBreadcrumbs
-type _EuiBreadcrumbProps = PropsWithChildren & Pick<EuiBreadcrumbProps, 'truncate'> & {
+type _EuiBreadcrumbProps = PropsWithChildren &
+  Pick<EuiBreadcrumbProps, 'truncate'> & {
     type: 'page' | 'application';
     isFirstBreadcrumb?: boolean;
     isLastBreadcrumb?: boolean;
diff --git a/src/components/code/utils.test.tsx b/src/components/code/utils.test.tsx
index 8cbd01f4f82..02afbf3cce3 100644
--- a/src/components/code/utils.test.tsx
+++ b/src/components/code/utils.test.tsx
@@ -8,7 +8,7 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '../../test/rtl';
 import { useEuiTheme } from '../../services';
 
 import {
diff --git a/src/components/combo_box/combo_box.test.tsx b/src/components/combo_box/combo_box.test.tsx
index 989eed56b64..eb2bf1624a2 100644
--- a/src/components/combo_box/combo_box.test.tsx
+++ b/src/components/combo_box/combo_box.test.tsx
@@ -7,10 +7,9 @@
  */
 
 import React, { ReactNode } from 'react';
-import { fireEvent } from '@testing-library/react';
+import { act, fireEvent } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 import { render } from '../../test/rtl';
-import { act } from '@testing-library/react';
 import {
   requiredProps,
   findTestSubject,
@@ -139,7 +138,10 @@ describe('props', () => {
 
     test('renders in the options dropdown', () => {
       const component = mount(<EuiComboBox options={options} />);
-      component.setState({ isListOpen: true });
+
+      act(() => {
+        component.setState({ isListOpen: true });
+      });
 
       const dropdown = component.find(
         'div[data-test-subj="comboBoxOptionsList"]'
diff --git a/src/components/datagrid/body/data_grid_cell_popover.test.tsx b/src/components/datagrid/body/data_grid_cell_popover.test.tsx
index def6ced9387..f9272409669 100644
--- a/src/components/datagrid/body/data_grid_cell_popover.test.tsx
+++ b/src/components/datagrid/body/data_grid_cell_popover.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, renderHookAct } from '../../../test/rtl';
 import { shallow } from 'enzyme';
 
 import { keys } from '../../../services';
@@ -21,7 +21,7 @@ describe('useCellPopover', () => {
       const { result } = renderHook(useCellPopover);
       expect(result.current.cellPopoverContext.popoverIsOpen).toEqual(false);
 
-      act(() =>
+      renderHookAct(() =>
         result.current.cellPopoverContext.openCellPopover({
           rowIndex: 0,
           colIndex: 0,
@@ -34,7 +34,7 @@ describe('useCellPopover', () => {
       const { result } = renderHook(useCellPopover);
       expect(result.current.cellPopover).toBeFalsy();
 
-      act(() => {
+      renderHookAct(() => {
         result.current.cellPopoverContext.openCellPopover({
           rowIndex: 0,
           colIndex: 0,
@@ -45,7 +45,7 @@ describe('useCellPopover', () => {
       });
       expect(result.current.cellPopover).not.toBeFalsy();
 
-      act(() => {
+      renderHookAct(() => {
         result.current.cellPopoverContext.openCellPopover({
           rowIndex: 0,
           colIndex: 0,
@@ -59,7 +59,7 @@ describe('useCellPopover', () => {
     it('sets popoverIsOpen state to false', () => {
       const { result } = renderHook(useCellPopover);
 
-      act(() =>
+      renderHookAct(() =>
         result.current.cellPopoverContext.openCellPopover({
           rowIndex: 0,
           colIndex: 0,
@@ -67,7 +67,7 @@ describe('useCellPopover', () => {
       );
       expect(result.current.cellPopoverContext.popoverIsOpen).toEqual(true);
 
-      act(() => result.current.cellPopoverContext.closeCellPopover());
+      renderHookAct(() => result.current.cellPopoverContext.closeCellPopover());
       expect(result.current.cellPopoverContext.popoverIsOpen).toEqual(false);
     });
   });
@@ -80,7 +80,7 @@ describe('useCellPopover', () => {
     const populateCellPopover = (
       cellPopoverContext: DataGridCellPopoverContextShape
     ) => {
-      act(() => {
+      renderHookAct(() => {
         cellPopoverContext.openCellPopover({ colIndex: 0, rowIndex: 0 });
         cellPopoverContext.setPopoverAnchor(mockPopoverAnchor);
         cellPopoverContext.setPopoverContent(mockPopoverContent);
@@ -149,7 +149,7 @@ describe('useCellPopover', () => {
           preventDefault: jest.fn(),
           stopPropagation: jest.fn(),
         };
-        act(() => {
+        renderHookAct(() => {
           component.find('EuiWrappingPopover').simulate('keyDown', event);
         });
         expect(event.preventDefault).toHaveBeenCalled();
@@ -168,7 +168,7 @@ describe('useCellPopover', () => {
           preventDefault: jest.fn(),
           stopPropagation: jest.fn(),
         };
-        act(() => {
+        renderHookAct(() => {
           component.find('EuiWrappingPopover').simulate('keyDown', event);
         });
         expect(event.preventDefault).toHaveBeenCalled();
@@ -187,7 +187,7 @@ describe('useCellPopover', () => {
           preventDefault: jest.fn(),
           stopPropagation: jest.fn(),
         };
-        act(() => {
+        renderHookAct(() => {
           component.find('EuiWrappingPopover').simulate('keyDown', event);
         });
         expect(event.preventDefault).not.toHaveBeenCalled();
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
index 1d1a40eb83d..0b4a2dc68f5 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -1,5 +1,295 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`useDataGridColumnSorting columnSorting [React 17] renders a toolbar button/popover allowing users to set column sorting 1`] = `
+<div
+  class="euiPopover emotion-euiPopover"
+  data-test-subj="dataGridColumnSortingPopover"
+>
+  <div
+    class="euiPopover__anchor css-16vtueo-render"
+  >
+    <button
+      class="euiButtonEmpty euiDataGrid__controlBtn euiDataGrid__controlBtn--active emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
+      data-test-subj="dataGridColumnSortingButton"
+      type="button"
+    >
+      <span
+        class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+      >
+        <span
+          color="inherit"
+          data-euiicon-type="sortable"
+        />
+        <span
+          class="eui-textTruncate euiButtonEmpty__text"
+        >
+          1 field sorted
+        </span>
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`useDataGridColumnSorting columnSorting [React 17] renders a toolbar button/popover allowing users to set column sorting 2`] = `
+<div
+  aria-describedby="generated-id"
+  aria-live="off"
+  aria-modal="true"
+  class="euiPanel euiPanel--plain euiPanel--paddingSmall euiPopover__panel emotion-euiPanel-grow-m-s-plain-euiPopover__panel-hasDragDrop-bottom"
+  data-autofocus="true"
+  data-popover-panel="true"
+  role="dialog"
+  style="top: 16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
+  tabindex="0"
+>
+  <div
+    class="euiPopover__arrow emotion-euiPopoverArrow-bottom"
+    data-popover-arrow="bottom"
+    style="left: 10px; top: 0px;"
+  />
+  <p
+    class="emotion-euiScreenReaderOnly"
+    id="generated-id"
+  >
+    You are in a dialog. Press Escape, or tap/click outside the dialog to close.
+  </p>
+  <div>
+    <div
+      aria-live="assertive"
+      class="euiDataGrid__controlScroll"
+      role="region"
+    >
+      <div
+        class="euiDroppable euiDroppable--noGrow"
+        data-rfd-droppable-context-id="0"
+        data-rfd-droppable-id="columnSorting"
+        data-test-subj="droppable"
+      >
+        <div
+          class="euiDraggable euiDraggable--hasCustomDragHandle"
+          data-rfd-draggable-context-id="0"
+          data-rfd-draggable-id="columnA"
+          data-test-subj="draggable"
+          role="group"
+        >
+          <div
+            class="euiDataGridColumnSorting__item false euiDraggable__item euiDraggable__item--hasCustomDragHandle"
+          >
+            <p
+              class="emotion-euiScreenReaderOnly"
+            >
+              Column A is sorting this data grid
+            </p>
+            <div
+              class="euiFlexGroup emotion-euiFlexGroup-xs-flexStart-center-row"
+              data-test-subj="euiDataGridColumnSorting-sortColumn-columnA"
+            >
+              <div
+                class="euiFlexItem emotion-euiFlexItem-growZero"
+              >
+                <button
+                  aria-label="Remove Column A from data grid sort"
+                  class="euiButtonIcon euiDataGridColumnSorting__button emotion-euiButtonIcon-xs-empty-text"
+                  type="button"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="euiButtonIcon__icon"
+                    color="inherit"
+                    data-euiicon-type="cross"
+                  />
+                </button>
+              </div>
+              <div
+                aria-describedby="rfd-hidden-text-0-hidden-text-0"
+                aria-hidden="true"
+                class="euiFlexItem euiDataGridColumnSorting__name emotion-euiFlexItem-grow-1"
+                data-rfd-drag-handle-context-id="0"
+                data-rfd-drag-handle-draggable-id="columnA"
+                draggable="false"
+                role="button"
+                tabindex="-1"
+              >
+                <div
+                  class="euiFlexGroup emotion-euiFlexGroup-xs-flexStart-center-row"
+                >
+                  <div
+                    class="euiFlexItem emotion-euiFlexItem-growZero"
+                  >
+                    <span
+                      class="euiToken emotion-euiToken-square-light-s-euiColorVis0"
+                    >
+                      <span
+                        data-euiicon-type="tokenNumber"
+                      />
+                    </span>
+                  </div>
+                  <div
+                    class="euiFlexItem emotion-euiFlexItem-grow-1"
+                  >
+                    <div
+                      class="euiText emotion-euiText-xs"
+                    >
+                      <p>
+                        Column A
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFlexItem emotion-euiFlexItem-grow-1"
+              >
+                <fieldset
+                  class="euiButtonGroup euiDataGridColumnSorting__order emotion-euiButtonGroup-fullWidth"
+                >
+                  <legend
+                    class="emotion-euiScreenReaderOnly"
+                  >
+                    Select sorting method for Column A
+                  </legend>
+                  <div
+                    class="euiButtonGroup__buttons emotion-euiButtonGroup__buttons-fullWidth-compressed"
+                  >
+                    <label
+                      class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-fill-text"
+                      data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                      title="Low-High"
+                      type="button"
+                    >
+                      <span
+                        class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+                      >
+                        <span
+                          class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                          data-text="Low-High"
+                        >
+                          <input
+                            checked=""
+                            class="euiScreenReaderOnly"
+                            data-test-subj="columnAAsc"
+                            name="columnA"
+                            type="radio"
+                            value="asc"
+                          />
+                          Low-High
+                        </span>
+                      </span>
+                    </label>
+                    <label
+                      class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-empty-text"
+                      data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                      title="High-Low"
+                      type="button"
+                    >
+                      <span
+                        class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+                      >
+                        <span
+                          class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                          data-text="High-Low"
+                        >
+                          <input
+                            class="euiScreenReaderOnly"
+                            data-test-subj="columnADesc"
+                            name="columnA"
+                            type="radio"
+                            value="desc"
+                          />
+                          High-Low
+                        </span>
+                      </span>
+                    </label>
+                  </div>
+                </fieldset>
+              </div>
+              <div
+                aria-describedby="rfd-hidden-text-0-hidden-text-0"
+                aria-label="Drag handle"
+                class="euiFlexItem emotion-euiFlexItem-growZero"
+                data-rfd-drag-handle-context-id="0"
+                data-rfd-drag-handle-draggable-id="columnA"
+                draggable="false"
+                role="button"
+                tabindex="0"
+              >
+                <span
+                  color="subdued"
+                  data-euiicon-type="grab"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="euiDroppable__placeholder"
+        />
+      </div>
+    </div>
+    <div
+      class="euiPopoverFooter emotion-euiPopoverFooter-s-s"
+    >
+      <div
+        class="euiFlexGroup emotion-euiFlexGroup-m-spaceBetween-stretch-row"
+      >
+        <div
+          class="euiFlexItem emotion-euiFlexItem-growZero"
+        >
+          <div
+            class="euiPopover emotion-euiPopover"
+            data-test-subj="dataGridColumnSortingPopoverColumnSelection"
+          >
+            <div
+              class="euiPopover__anchor css-16vtueo-render"
+            >
+              <button
+                class="euiButtonEmpty emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-primary-flush-left"
+                data-test-subj="dataGridColumnSortingSelectionButton"
+                type="button"
+              >
+                <span
+                  class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+                >
+                  <span
+                    class="eui-textTruncate euiButtonEmpty__text"
+                  >
+                    Pick fields to sort by
+                  </span>
+                  <span
+                    color="inherit"
+                    data-euiicon-type="arrowDown"
+                  />
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div
+          class="euiFlexItem emotion-euiFlexItem-growZero"
+        >
+          <button
+            class="euiButtonEmpty emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-primary-flush-right"
+            data-test-subj="dataGridColumnSortingClearButton"
+            type="button"
+          >
+            <span
+              class="euiButtonEmpty__content emotion-euiButtonDisplayContent"
+            >
+              <span
+                class="eui-textTruncate euiButtonEmpty__text"
+              >
+                Clear sorting
+              </span>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`useDataGridColumnSorting columnSorting [React 18] renders a toolbar button/popover allowing users to set column sorting 1`] = `
 <div
   class="euiPopover emotion-euiPopover"
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
index 8d4700956a2..32e9f461dc5 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
@@ -1,163 +1,319 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`EuiDataGridColumnSortingDraggable button group schema renders default A-Z sort text if the schema is unknown 1`] = `
-<EuiButtonGroup
-  buttonSize="compressed"
-  className="euiDataGridColumnSorting__order"
-  idSelected="columnAAsc"
-  isFullWidth={true}
-  legend="Select sorting method for Column A"
-  name="columnA"
-  onChange={[Function]}
-  options={
-    Array [
-      Object {
-        "data-test-subj": "euiDataGridColumnSorting-sortColumn-columnA-asc",
-        "id": "columnAAsc",
-        "label": <EuiI18n
-          default="A-Z"
-          token="euiColumnSortingDraggable.defaultSortAsc"
-        />,
-        "value": "asc",
-      },
-      Object {
-        "data-test-subj": "euiDataGridColumnSorting-sortColumn-columnA-desc",
-        "id": "columnADesc",
-        "label": <EuiI18n
-          default="Z-A"
-          token="euiColumnSortingDraggable.defaultSortDesc"
-        />,
-        "value": "desc",
-      },
-    ]
-  }
-/>
-`;
-
-exports[`EuiDataGridColumnSortingDraggable button group schema renders different asc/desc text when a known schema is passed 1`] = `
-<EuiButtonGroup
-  buttonSize="compressed"
-  className="euiDataGridColumnSorting__order"
-  idSelected="columnADesc"
-  isFullWidth={true}
-  legend="Select sorting method for Column A"
-  name="columnA"
-  onChange={[Function]}
-  options={
-    Array [
-      Object {
-        "data-test-subj": "euiDataGridColumnSorting-sortColumn-columnA-asc",
-        "id": "columnAAsc",
-        "label": <EuiI18n
-          default="False-True"
-          token="euiDataGridSchema.booleanSortTextAsc"
-        />,
-        "value": "asc",
-      },
-      Object {
-        "data-test-subj": "euiDataGridColumnSorting-sortColumn-columnA-desc",
-        "id": "columnADesc",
-        "label": <EuiI18n
-          default="True-False"
-          token="euiDataGridSchema.booleanSortTextDesc"
-        />,
-        "value": "desc",
-      },
-    ]
-  }
-/>
+exports[`EuiDataGridColumnSortingDraggable [React 17] renders an EuiDraggable component of a single column that is currently being sorted 1`] = `
+<div
+  class="euiDraggable euiDraggable--hasCustomDragHandle"
+  data-rfd-draggable-context-id="0"
+  data-rfd-draggable-id="columnA"
+  data-test-subj="draggable"
+  role="group"
+>
+  <div
+    class="euiDataGridColumnSorting__item false euiDraggable__item euiDraggable__item--hasCustomDragHandle"
+  >
+    <p
+      class="emotion-euiScreenReaderOnly"
+    >
+      Column A is sorting this data grid
+    </p>
+    <div
+      class="euiFlexGroup emotion-euiFlexGroup-xs-flexStart-center-row"
+      data-test-subj="euiDataGridColumnSorting-sortColumn-columnA"
+    >
+      <div
+        class="euiFlexItem emotion-euiFlexItem-growZero"
+      >
+        <button
+          aria-label="Remove Column A from data grid sort"
+          class="euiButtonIcon euiDataGridColumnSorting__button emotion-euiButtonIcon-xs-empty-text"
+          type="button"
+        >
+          <span
+            aria-hidden="true"
+            class="euiButtonIcon__icon"
+            color="inherit"
+            data-euiicon-type="cross"
+          />
+        </button>
+      </div>
+      <div
+        aria-describedby="rfd-hidden-text-0-hidden-text-0"
+        aria-hidden="true"
+        class="euiFlexItem euiDataGridColumnSorting__name emotion-euiFlexItem-grow-1"
+        data-rfd-drag-handle-context-id="0"
+        data-rfd-drag-handle-draggable-id="columnA"
+        draggable="false"
+        role="button"
+        tabindex="-1"
+      >
+        <div
+          class="euiFlexGroup emotion-euiFlexGroup-xs-flexStart-center-row"
+        >
+          <div
+            class="euiFlexItem emotion-euiFlexItem-growZero"
+          >
+            <span
+              class="euiToken emotion-euiToken-square-light-s-euiColorVis0"
+            >
+              <span
+                data-euiicon-type="tokenNumber"
+              />
+            </span>
+          </div>
+          <div
+            class="euiFlexItem emotion-euiFlexItem-grow-1"
+          >
+            <div
+              class="euiText emotion-euiText-xs"
+            >
+              <p>
+                Column A
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem emotion-euiFlexItem-grow-1"
+      >
+        <fieldset
+          class="euiButtonGroup euiDataGridColumnSorting__order emotion-euiButtonGroup-fullWidth"
+        >
+          <legend
+            class="emotion-euiScreenReaderOnly"
+          >
+            Select sorting method for Column A
+          </legend>
+          <div
+            class="euiButtonGroup__buttons emotion-euiButtonGroup__buttons-fullWidth-compressed"
+          >
+            <label
+              class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-fill-text"
+              data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+              title="Low-High"
+              type="button"
+            >
+              <span
+                class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+              >
+                <span
+                  class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                  data-text="Low-High"
+                >
+                  <input
+                    checked=""
+                    class="euiScreenReaderOnly"
+                    data-test-subj="columnAAsc"
+                    name="columnA"
+                    type="radio"
+                    value="asc"
+                  />
+                  Low-High
+                </span>
+              </span>
+            </label>
+            <label
+              class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-empty-text"
+              data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+              title="High-Low"
+              type="button"
+            >
+              <span
+                class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+              >
+                <span
+                  class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                  data-text="High-Low"
+                >
+                  <input
+                    class="euiScreenReaderOnly"
+                    data-test-subj="columnADesc"
+                    name="columnA"
+                    type="radio"
+                    value="desc"
+                  />
+                  High-Low
+                </span>
+              </span>
+            </label>
+          </div>
+        </fieldset>
+      </div>
+      <div
+        aria-describedby="rfd-hidden-text-0-hidden-text-0"
+        aria-label="Drag handle"
+        class="euiFlexItem emotion-euiFlexItem-growZero"
+        data-rfd-drag-handle-context-id="0"
+        data-rfd-drag-handle-draggable-id="columnA"
+        draggable="false"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          color="subdued"
+          data-euiicon-type="grab"
+        />
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
-exports[`EuiDataGridColumnSortingDraggable renders an EuiDraggable component of a single column that is currently being sorted 1`] = `
+exports[`EuiDataGridColumnSortingDraggable [React 18] renders an EuiDraggable component of a single column that is currently being sorted 1`] = `
 <div
-  className="euiDataGridColumnSorting__item euiDataGridColumnSorting__item-isDragging"
+  class="euiDraggable euiDraggable--hasCustomDragHandle"
+  data-rfd-draggable-context-id=":r0:"
+  data-rfd-draggable-id="columnA"
+  data-test-subj="draggable"
+  role="group"
 >
-  <EuiScreenReaderOnly>
-    <p>
-      <EuiI18n
-        default="{display} is sorting this data grid"
-        token="euiColumnSortingDraggable.activeSortLabel"
-        values={
-          Object {
-            "display": "Column A",
-          }
-        }
-      >
-        <Component />
-      </EuiI18n>
-    </p>
-  </EuiScreenReaderOnly>
-  <EuiFlexGroup
-    alignItems="center"
-    data-test-subj="euiDataGridColumnSorting-sortColumn-columnA"
-    gutterSize="xs"
-    responsive={false}
+  <div
+    class="euiDataGridColumnSorting__item false euiDraggable__item euiDraggable__item--hasCustomDragHandle"
   >
-    <EuiFlexItem
-      grow={false}
+    <p
+      class="emotion-euiScreenReaderOnly"
     >
-      <EuiI18n
-        default="Remove {display} from data grid sort"
-        token="euiColumnSortingDraggable.removeSortLabel"
-        values={
-          Object {
-            "display": "Column A",
-          }
-        }
-      >
-        <Component />
-      </EuiI18n>
-    </EuiFlexItem>
-    <EuiFlexItem
-      aria-hidden={true}
-      className="euiDataGridColumnSorting__name"
-      tabIndex={-1}
+      Column A is sorting this data grid
+    </p>
+    <div
+      class="euiFlexGroup emotion-euiFlexGroup-xs-flexStart-center-row"
+      data-test-subj="euiDataGridColumnSorting-sortColumn-columnA"
     >
-      <EuiFlexGroup
-        alignItems="center"
-        gutterSize="xs"
-        responsive={false}
+      <div
+        class="euiFlexItem emotion-euiFlexItem-growZero"
       >
-        <EuiFlexItem
-          grow={false}
+        <button
+          aria-label="Remove Column A from data grid sort"
+          class="euiButtonIcon euiDataGridColumnSorting__button emotion-euiButtonIcon-xs-empty-text"
+          type="button"
         >
-          <EuiToken
-            iconType="tokenNumber"
+          <span
+            aria-hidden="true"
+            class="euiButtonIcon__icon"
+            color="inherit"
+            data-euiicon-type="cross"
           />
-        </EuiFlexItem>
-        <EuiFlexItem>
-          <EuiText
-            size="xs"
+        </button>
+      </div>
+      <div
+        aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
+        aria-hidden="true"
+        class="euiFlexItem euiDataGridColumnSorting__name emotion-euiFlexItem-grow-1"
+        data-rfd-drag-handle-context-id=":r0:"
+        data-rfd-drag-handle-draggable-id="columnA"
+        draggable="false"
+        role="button"
+        tabindex="-1"
+      >
+        <div
+          class="euiFlexGroup emotion-euiFlexGroup-xs-flexStart-center-row"
+        >
+          <div
+            class="euiFlexItem emotion-euiFlexItem-growZero"
           >
-            <p>
-              Column A
-            </p>
-          </EuiText>
-        </EuiFlexItem>
-      </EuiFlexGroup>
-    </EuiFlexItem>
-    <EuiFlexItem>
-      <EuiI18n
-        default="Select sorting method for {display}"
-        token="euiColumnSortingDraggable.toggleLegend"
-        values={
-          Object {
-            "display": "Column A",
-          }
-        }
+            <span
+              class="euiToken emotion-euiToken-square-light-s-euiColorVis0"
+            >
+              <span
+                data-euiicon-type="tokenNumber"
+              />
+            </span>
+          </div>
+          <div
+            class="euiFlexItem emotion-euiFlexItem-grow-1"
+          >
+            <div
+              class="euiText emotion-euiText-xs"
+            >
+              <p>
+                Column A
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem emotion-euiFlexItem-grow-1"
       >
-        <Component />
-      </EuiI18n>
-    </EuiFlexItem>
-    <EuiFlexItem
-      aria-label="Drag handle"
-      grow={false}
-    >
-      <EuiIcon
-        color="subdued"
-        type="grab"
-      />
-    </EuiFlexItem>
-  </EuiFlexGroup>
+        <fieldset
+          class="euiButtonGroup euiDataGridColumnSorting__order emotion-euiButtonGroup-fullWidth"
+        >
+          <legend
+            class="emotion-euiScreenReaderOnly"
+          >
+            Select sorting method for Column A
+          </legend>
+          <div
+            class="euiButtonGroup__buttons emotion-euiButtonGroup__buttons-fullWidth-compressed"
+          >
+            <label
+              class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-fill-text"
+              data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+              title="Low-High"
+              type="button"
+            >
+              <span
+                class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+              >
+                <span
+                  class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                  data-text="Low-High"
+                >
+                  <input
+                    checked=""
+                    class="euiScreenReaderOnly"
+                    data-test-subj="columnAAsc"
+                    name="columnA"
+                    type="radio"
+                    value="asc"
+                  />
+                  Low-High
+                </span>
+              </span>
+            </label>
+            <label
+              class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-empty-text"
+              data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+              title="High-Low"
+              type="button"
+            >
+              <span
+                class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+              >
+                <span
+                  class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                  data-text="High-Low"
+                >
+                  <input
+                    class="euiScreenReaderOnly"
+                    data-test-subj="columnADesc"
+                    name="columnA"
+                    type="radio"
+                    value="desc"
+                  />
+                  High-Low
+                </span>
+              </span>
+            </label>
+          </div>
+        </fieldset>
+      </div>
+      <div
+        aria-describedby="rfd-hidden-text-:r0:-hidden-text-:r1:"
+        aria-label="Drag handle"
+        class="euiFlexItem emotion-euiFlexItem-growZero"
+        data-rfd-drag-handle-context-id=":r0:"
+        data-rfd-drag-handle-draggable-id="columnA"
+        draggable="false"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          color="subdued"
+          data-euiicon-type="grab"
+        />
+      </div>
+    </div>
+  </div>
 </div>
 `;
diff --git a/src/components/datagrid/controls/__snapshots__/keyboard_shortcuts.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/keyboard_shortcuts.test.tsx.snap
index bac78149098..41f69315338 100644
--- a/src/components/datagrid/controls/__snapshots__/keyboard_shortcuts.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/keyboard_shortcuts.test.tsx.snap
@@ -2,31 +2,36 @@
 
 exports[`useDataGridKeyboardShortcuts returns a popover containing a list of keyboard shortcuts 1`] = `
 <body>
+  <div />
   <div>
     <div
-      class="euiPopover euiPopover-isOpen emotion-euiPopover"
-      data-test-subj="dataGridKeyboardShortcutsPopover"
+      data-test-subj="hookRoot"
     >
       <div
-        class="euiPopover__anchor css-16vtueo-render"
+        class="euiPopover euiPopover-isOpen emotion-euiPopover"
+        data-test-subj="dataGridKeyboardShortcutsPopover"
       >
-        <span
-          class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
+        <div
+          class="euiPopover__anchor css-16vtueo-render"
         >
-          <button
-            aria-label="Keyboard shortcuts"
-            class="euiButtonIcon emotion-euiButtonIcon-xs-empty-text"
-            data-test-subj="dataGridKeyboardShortcutsButton"
-            type="button"
+          <span
+            class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
           >
-            <span
-              aria-hidden="true"
-              class="euiButtonIcon__icon"
-              color="inherit"
-              data-euiicon-type="keyboard"
-            />
-          </button>
-        </span>
+            <button
+              aria-label="Keyboard shortcuts"
+              class="euiButtonIcon emotion-euiButtonIcon-xs-empty-text"
+              data-test-subj="dataGridKeyboardShortcutsButton"
+              type="button"
+            >
+              <span
+                aria-hidden="true"
+                class="euiButtonIcon__icon"
+                color="inherit"
+                data-euiicon-type="keyboard"
+              />
+            </button>
+          </span>
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/components/datagrid/controls/column_sorting_draggable.test.tsx b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
index 352d9afc817..d8b046e64e1 100644
--- a/src/components/datagrid/controls/column_sorting_draggable.test.tsx
+++ b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
@@ -7,11 +7,14 @@
  */
 
 import React from 'react';
-import { shallow, ShallowWrapper } from 'enzyme';
+import { fireEvent } from '@testing-library/react';
+import { render } from '../../../test/rtl';
 
+import { EuiDragDropContext, EuiDroppable } from '../../drag_and_drop';
 import { schemaDetectors } from '../utils/data_grid_schema';
 
 import { EuiDataGridColumnSortingDraggable } from './column_sorting_draggable';
+import { testByReactVersion } from '../../../test';
 
 describe('EuiDataGridColumnSortingDraggable', () => {
   const onSort = jest.fn();
@@ -28,84 +31,112 @@ describe('EuiDataGridColumnSortingDraggable', () => {
     display: 'Column A',
   };
 
-  const renderPropEuiDraggable = (
-    wrapper: ShallowWrapper,
-    provided = { dragHandleProps: {} },
-    state = { isDragging: true }
-  ) => {
-    // @ts-ignore enzyme doesn't know EuiDraggable's expected render prop args
-    return wrapper.find('EuiDraggable').renderProp('children')(provided, state);
-  };
-
-  const getEuiI18nChildren = (component: ShallowWrapper, token: string) => {
-    return component
-      .find(`EuiI18n[token="euiColumnSortingDraggable.${token}"]`)
-      .dive()
-      .dive();
-  };
-
   beforeEach(() => jest.clearAllMocks());
 
-  it('renders an EuiDraggable component of a single column that is currently being sorted', () => {
-    const component = renderPropEuiDraggable(
-      shallow(<EuiDataGridColumnSortingDraggable {...requiredProps} />)
-    );
-    expect(component).toMatchSnapshot();
-  });
+  testByReactVersion(
+    'renders an EuiDraggable component of a single column that is currently being sorted',
+    () => {
+      const { getByTestSubject } = render(
+        <EuiDragDropContext onDragEnd={() => {}}>
+          <EuiDroppable droppableId="test">
+            {() => <EuiDataGridColumnSortingDraggable {...requiredProps} />}
+          </EuiDroppable>
+        </EuiDragDropContext>
+      );
+
+      expect(getByTestSubject('draggable')).toMatchSnapshot();
+    }
+  );
 
   it('renders a screen reader active sort label', () => {
-    const component = renderPropEuiDraggable(
-      shallow(<EuiDataGridColumnSortingDraggable {...requiredProps} />)
-    );
-    const screenReaderText = getEuiI18nChildren(component, 'activeSortLabel');
-    expect(screenReaderText.text()).toEqual(
-      'Column A is sorting this data grid'
+    const { getByText } = render(
+      <EuiDragDropContext onDragEnd={() => {}}>
+        <EuiDroppable droppableId="test">
+          {() => <EuiDataGridColumnSortingDraggable {...requiredProps} />}
+        </EuiDroppable>
+      </EuiDragDropContext>
     );
+
+    expect(getByText('Column A is sorting this data grid')).toBeInTheDocument();
   });
 
   it('renders a button that removes the sort', () => {
-    const component = renderPropEuiDraggable(
-      shallow(<EuiDataGridColumnSortingDraggable {...requiredProps} />)
+    const { getByLabelText } = render(
+      <EuiDragDropContext onDragEnd={() => {}}>
+        <EuiDroppable droppableId="test">
+          {() => <EuiDataGridColumnSortingDraggable {...requiredProps} />}
+        </EuiDroppable>
+      </EuiDragDropContext>
     );
-    const button = getEuiI18nChildren(component, 'removeSortLabel');
-    button.simulate('click');
 
-    expect(onSort).toHaveBeenCalledWith([]);
+    fireEvent.click(getByLabelText('Remove Column A from data grid sort'));
+
+    expect(onSort).toHaveBeenCalled();
   });
 
   it('renders a buttongroup that toggles the sort direction', () => {
-    const component = renderPropEuiDraggable(
-      shallow(<EuiDataGridColumnSortingDraggable {...requiredProps} />)
+    const { getByTestSubject } = render(
+      <EuiDragDropContext onDragEnd={() => {}}>
+        <EuiDroppable droppableId="test">
+          {() => <EuiDataGridColumnSortingDraggable {...requiredProps} />}
+        </EuiDroppable>
+      </EuiDragDropContext>
     );
-    const buttonGroup = getEuiI18nChildren(component, 'toggleLegend');
-    buttonGroup.simulate('change', {}, 'desc');
+
+    fireEvent.click(getByTestSubject('columnADesc'));
 
     expect(onSort).toHaveBeenCalledWith([{ id: 'columnA', direction: 'desc' }]);
   });
 
   describe('button group schema', () => {
     it('renders default A-Z sort text if the schema is unknown', () => {
-      const component = renderPropEuiDraggable(
-        shallow(
-          <EuiDataGridColumnSortingDraggable {...requiredProps} schema={{}} />
-        )
+      const { getByTestSubject } = render(
+        <EuiDragDropContext onDragEnd={() => {}}>
+          <EuiDroppable droppableId="test">
+            {() => (
+              <EuiDataGridColumnSortingDraggable
+                {...requiredProps}
+                schema={{}}
+              />
+            )}
+          </EuiDroppable>
+        </EuiDragDropContext>
       );
-      const buttonGroup = getEuiI18nChildren(component, 'toggleLegend');
-      expect(buttonGroup).toMatchSnapshot();
+
+      expect(
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-asc')
+          .title
+      ).toEqual('A-Z');
+
+      expect(
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-desc')
+          .title
+      ).toEqual('Z-A');
     });
 
     it('renders different asc/desc text when a known schema is passed', () => {
-      const component = renderPropEuiDraggable(
-        shallow(
-          <EuiDataGridColumnSortingDraggable
-            {...requiredProps}
-            direction="desc"
-            schema={{ columnA: { columnType: 'boolean' } }}
-          />
-        )
+      const { getByTestSubject } = render(
+        <EuiDragDropContext onDragEnd={() => {}}>
+          <EuiDroppable droppableId="test">
+            {() => (
+              <EuiDataGridColumnSortingDraggable
+                {...requiredProps}
+                schema={{ columnA: { columnType: 'boolean' } }}
+              />
+            )}
+          </EuiDroppable>
+        </EuiDragDropContext>
       );
-      const buttonGroup = getEuiI18nChildren(component, 'toggleLegend');
-      expect(buttonGroup).toMatchSnapshot();
+
+      expect(
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-asc')
+          .title
+      ).toEqual('False-True');
+
+      expect(
+        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-desc')
+          .title
+      ).toEqual('True-False');
     });
   });
 });
diff --git a/src/components/datagrid/controls/keyboard_shortcuts.test.tsx b/src/components/datagrid/controls/keyboard_shortcuts.test.tsx
index 2cd0f124cba..d707c5a4896 100644
--- a/src/components/datagrid/controls/keyboard_shortcuts.test.tsx
+++ b/src/components/datagrid/controls/keyboard_shortcuts.test.tsx
@@ -7,19 +7,28 @@
  */
 
 import React from 'react';
-import { renderHook, act } from '@testing-library/react-hooks';
-import { render, waitForEuiPopoverOpen } from '../../../test/rtl';
+import {
+  render,
+  renderHook,
+  renderHookAct,
+  waitForEuiPopoverOpen,
+} from '../../../test/rtl';
 import { useDataGridKeyboardShortcuts } from './keyboard_shortcuts';
+import { fireEvent } from '@testing-library/react';
 
 describe('useDataGridKeyboardShortcuts', () => {
   it('returns a popover containing a list of keyboard shortcuts', async () => {
     const { result } = renderHook(() => useDataGridKeyboardShortcuts());
     const { baseElement, getByTestSubject, rerender } = render(
-      <>{result.current.keyboardShortcuts}</>
+      <div data-test-subj="hookRoot">{result.current.keyboardShortcuts}</div>
     );
 
-    act(() => getByTestSubject('dataGridKeyboardShortcutsButton').click());
-    rerender(<>{result.current.keyboardShortcuts}</>);
+    renderHookAct(() => {
+      fireEvent.click(getByTestSubject('dataGridKeyboardShortcutsButton'));
+    });
+    rerender(
+      <div data-test-subj="hookRoot">{result.current.keyboardShortcuts}</div>
+    );
     await waitForEuiPopoverOpen();
 
     expect(baseElement).toMatchSnapshot();
diff --git a/src/components/datagrid/data_grid.test.tsx b/src/components/datagrid/data_grid.test.tsx
index e27592ce7cc..6310d80483c 100644
--- a/src/components/datagrid/data_grid.test.tsx
+++ b/src/components/datagrid/data_grid.test.tsx
@@ -1181,9 +1181,8 @@ describe('EuiDataGrid', () => {
         );
       });
 
-      const rowButtons: NodeListOf<HTMLButtonElement> = document.body.querySelectorAll(
-        '.euiContextMenuItem'
-      );
+      const rowButtons: NodeListOf<HTMLButtonElement> =
+        document.body.querySelectorAll('.euiContextMenuItem');
       expect(
         Array.prototype.map.call(
           rowButtons,
diff --git a/src/components/datagrid/utils/row_heights.test.ts b/src/components/datagrid/utils/row_heights.test.ts
index f2919da7e20..643ac31ef1a 100644
--- a/src/components/datagrid/utils/row_heights.test.ts
+++ b/src/components/datagrid/utils/row_heights.test.ts
@@ -8,7 +8,7 @@
 
 import type { MutableRefObject } from 'react';
 import { act } from '@testing-library/react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '../../../test/rtl';
 import { startingStyles } from '../controls';
 import type { ImperativeGridApi } from '../data_grid_types';
 import {
diff --git a/src/components/form/form.styles.test.tsx b/src/components/form/form.styles.test.tsx
index 6803be8e9fa..ba96ffd6f3a 100644
--- a/src/components/form/form.styles.test.tsx
+++ b/src/components/form/form.styles.test.tsx
@@ -7,7 +7,7 @@
  */
 
 import React, { FunctionComponent, PropsWithChildren } from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '../../test/rtl';
 import { useEuiTheme } from '../../services';
 import { EuiProvider } from '../provider';
 
diff --git a/src/components/form/validatable_control/validatable_control.test.tsx b/src/components/form/validatable_control/validatable_control.test.tsx
index f5057a8d98c..d963768be62 100644
--- a/src/components/form/validatable_control/validatable_control.test.tsx
+++ b/src/components/form/validatable_control/validatable_control.test.tsx
@@ -8,7 +8,7 @@
 
 import React from 'react';
 import { render } from '@testing-library/react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '../../../test/rtl';
 
 import {
   EuiValidatableControl,
diff --git a/src/components/highlight/__snapshots__/highlight.test.tsx.snap b/src/components/highlight/__snapshots__/highlight.test.tsx.snap
index d402f6b2699..6c76deac806 100644
--- a/src/components/highlight/__snapshots__/highlight.test.tsx.snap
+++ b/src/components/highlight/__snapshots__/highlight.test.tsx.snap
@@ -58,7 +58,6 @@ exports[`EuiHighlight behavior matching hasScreenReaderHelpText can be false 1`]
 
 exports[`EuiHighlight behavior matching only applies to first match 1`] = `
 <span>
-  
   <mark
     class="euiMark emotion-euiMark-hasScreenReaderHelpText"
   >
diff --git a/src/components/icon/icon.test.tsx b/src/components/icon/icon.test.tsx
index 03ac5dd7764..d8b15655b44 100644
--- a/src/components/icon/icon.test.tsx
+++ b/src/components/icon/icon.test.tsx
@@ -45,6 +45,33 @@ function testIcon(props: PropsOf<typeof EuiIcon>) {
 }
 
 describe('EuiIcon', () => {
+  let consoleErrorOverride: jest.SpyInstance;
+  beforeAll(() => {
+    // Ignore EuiIcon update not wrapped in act() warnings as they are triggered
+    // directly from the component componentDidUpdate() and loadIconComponent()
+    // TODO: Refactor EuiIcon to not cause this issue and think of a simpler
+    //  implementation based on modern JS bundlers features instead of
+    //  the EuiIcon caching layer.
+    const originalConsoleError: typeof console.error = console.error;
+    consoleErrorOverride = jest
+      .spyOn(console, 'error')
+      .mockImplementation((message, ...args) => {
+        if (
+          message?.startsWith(
+            'Warning: An update to %s inside a test was not wrapped in act(...).'
+          )
+        ) {
+          return;
+        }
+
+        originalConsoleError(message, ...args);
+      });
+  });
+
+  afterAll(() => {
+    consoleErrorOverride.mockRestore();
+  });
+
   test('is rendered', testIcon({ type: 'search', ...requiredProps }));
 
   shouldRenderCustomStyles(<EuiIcon type="customImg" />);
diff --git a/src/components/inline_edit/inline_edit_form.test.tsx b/src/components/inline_edit/inline_edit_form.test.tsx
index 510b649ad8a..65c3c594ea6 100644
--- a/src/components/inline_edit/inline_edit_form.test.tsx
+++ b/src/components/inline_edit/inline_edit_form.test.tsx
@@ -378,13 +378,15 @@ describe('EuiInlineEditForm', () => {
       });
 
       it('handles async promises', async () => {
-        onSave.mockImplementation(
-          (value) =>
-            new Promise((resolve) => {
-              setTimeout(resolve, 100);
-              return !!value; // returns false if empty string, true if not
-            })
-        );
+        let promise: Promise<boolean> | null = null;
+        let promiseResolve: (value: boolean) => void;
+
+        onSave.mockImplementation(() => {
+          promise = new Promise((resolve) => {
+            promiseResolve = resolve;
+          });
+          return promise;
+        });
 
         const { getByTestSubject, queryByTestSubject, getByText } = render(
           <EuiInlineEditForm
@@ -394,28 +396,39 @@ describe('EuiInlineEditForm', () => {
           />
         );
 
-        // Should still be in edit mode after an empty string is submitted
+        // Should still be in edit mode when onSave promise returns false
         fireEvent.change(getByTestSubject('euiInlineEditModeInput'), {
           target: { value: '' },
         });
-        await act(async () => {
-          fireEvent.click(getByTestSubject('euiInlineEditModeSaveButton'));
-          waitFor(() => setTimeout(() => {}, 100)); // Let the promise finish resolving
+
+        fireEvent.click(getByTestSubject('euiInlineEditModeSaveButton'));
+        expect(onSave).toBeCalledTimes(1);
+
+        await act(() => {
+          promiseResolve(false);
+          return expect(promise).resolves.toBe(false);
         });
-        expect(queryByTestSubject('euiInlineReadModeButton')).toBeFalsy();
-        expect(getByTestSubject('euiInlineEditModeInput')).toBeTruthy();
 
-        // Should successfully save into read mode
+        expect(
+          queryByTestSubject('euiInlineReadModeButton')
+        ).not.toBeInTheDocument();
+        expect(getByTestSubject('euiInlineEditModeInput')).toBeInTheDocument();
+
+        // Should successfully save into read mode when onSave promise returns true
         fireEvent.change(getByTestSubject('euiInlineEditModeInput'), {
           target: { value: 'hey there' },
         });
+
+        fireEvent.click(getByTestSubject('euiInlineEditModeSaveButton'));
+        expect(onSave).toHaveBeenCalledTimes(2);
+
         await act(async () => {
-          fireEvent.click(getByTestSubject('euiInlineEditModeSaveButton'));
-        });
-        waitFor(() => {
-          expect(getByTestSubject('euiInlineReadModeButton')).toBeTruthy();
-          expect(getByText('hey there')).toBeTruthy();
+          promiseResolve(true);
+          return expect(promise).resolves.toBe(true);
         });
+
+        expect(getByTestSubject('euiInlineReadModeButton')).toBeInTheDocument();
+        expect(getByText('hey there')).toBeTruthy();
       });
     });
 
diff --git a/src/components/inner_text/index.ts b/src/components/inner_text/index.ts
index 71a826bb94f..c6b2175b879 100644
--- a/src/components/inner_text/index.ts
+++ b/src/components/inner_text/index.ts
@@ -8,4 +8,3 @@
 
 export type { EuiInnerTextProps } from './inner_text';
 export { useInnerText, EuiInnerText } from './inner_text';
-export { useRenderToText } from './render_to_text';
diff --git a/src/components/inner_text/render_to_text.test.tsx b/src/components/inner_text/render_to_text.test.tsx
deleted file mode 100644
index 6fdb425914b..00000000000
--- a/src/components/inner_text/render_to_text.test.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-import React, { FunctionComponent, PropsWithChildren } from 'react';
-import { mount } from 'enzyme';
-import { useRenderToText } from './render_to_text';
-
-describe('useRenderToText', () => {
-  it("Returns a ReactNode's rendered string content", () => {
-    const renderedTexts: string[] = [];
-
-    const Component: FunctionComponent<PropsWithChildren> = ({ children }) => {
-      const text = useRenderToText(children);
-      renderedTexts.push(text);
-      return <div>{text}</div>;
-    };
-
-    const component = mount(
-      <Component>
-        <div>
-          <button>Hello There</button>
-        </div>
-      </Component>
-    );
-
-    component.setProps({
-      children: <span>and this</span>,
-    });
-
-    expect(renderedTexts).toEqual([
-      '',
-      '',
-      'Hello There',
-      'Hello There',
-      'Hello There',
-      'and this',
-    ]);
-  });
-});
diff --git a/src/components/inner_text/render_to_text.tsx b/src/components/inner_text/render_to_text.tsx
deleted file mode 100644
index b8dda57f3b6..00000000000
--- a/src/components/inner_text/render_to_text.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-import React, { ReactNode, useCallback, useEffect, useRef } from 'react';
-import { render, unmountComponentAtNode } from 'react-dom';
-import { useInnerText } from './inner_text';
-
-export function useRenderToText(node: ReactNode, placeholder = ''): string {
-  const [ref, text] = useInnerText(placeholder);
-  const hostNode = useRef<Element | null>(null);
-
-  const onUnmount = () => {
-    if (hostNode.current) {
-      unmountComponentAtNode(hostNode.current);
-      hostNode.current = null;
-    }
-  };
-
-  const setRef = useCallback(
-    (node: Element | null) => {
-      if (hostNode.current) {
-        ref(node);
-      }
-    },
-    [ref]
-  );
-
-  useEffect(() => {
-    hostNode.current = document.createDocumentFragment() as unknown as Element;
-    render(<div ref={setRef}>{node}</div>, hostNode.current);
-    return () => {
-      onUnmount();
-    };
-  }, [node, setRef]);
-
-  return text || placeholder;
-}
diff --git a/src/components/overlay_mask/overlay_mask.test.tsx b/src/components/overlay_mask/overlay_mask.test.tsx
index 70a3081d78b..6c838075580 100644
--- a/src/components/overlay_mask/overlay_mask.test.tsx
+++ b/src/components/overlay_mask/overlay_mask.test.tsx
@@ -8,7 +8,7 @@
 
 import React from 'react';
 import { render } from '../../test/rtl';
-import { requiredProps } from '../../test';
+import { requiredProps, testOnReactVersion } from '../../test';
 import { EuiThemeProvider } from '../../services';
 
 import { EuiOverlayMask } from './overlay_mask';
@@ -83,11 +83,16 @@ describe('EuiOverlayMask', () => {
     });
   });
 
+  // React 18 is really unhappy when RTL wants to unmount
+  // it while the component is still updating.
   // Note - this needs to be the last test in the suite, otherwise subsequent overlay masks stop working
-  it('throws if a non-string property value is passed', () => {
-    // @ts-expect-error expected error
-    expect(() => render(<EuiOverlayMask aria-hidden={true} />)).toThrow(
-      'EuiOverlayMask property aria-hidden is not a string'
-    );
-  });
+  testOnReactVersion(['16', '17'])(
+    'throws if a non-string property value is passed',
+    () => {
+      // @ts-expect-error expected error
+      expect(() => render(<EuiOverlayMask aria-hidden={true} />)).toThrow(
+        'EuiOverlayMask property aria-hidden is not a string'
+      );
+    }
+  );
 });
diff --git a/src/components/provider/nested/nested_context.test.tsx b/src/components/provider/nested/nested_context.test.tsx
index 1cfc2163642..1c20cbf71bf 100644
--- a/src/components/provider/nested/nested_context.test.tsx
+++ b/src/components/provider/nested/nested_context.test.tsx
@@ -6,12 +6,11 @@
  * Side Public License, v 1.
  */
 
-import { renderHook } from '@testing-library/react-hooks';
-
 import {
   EuiProviderNestedCheck,
   useIsNestedEuiProvider,
 } from './nested_context';
+import { renderHook } from '../../../test/rtl/render_hook';
 
 describe('useIsNestedEuiProvider', () => {
   it('is false if an EuiProviderNestedCheck wrapper has not yet been instantiated', () => {
diff --git a/src/components/resizable_container/resizable_panel.test.tsx b/src/components/resizable_container/resizable_panel.test.tsx
index 4742f56f8d0..da9e1cf1dce 100644
--- a/src/components/resizable_container/resizable_panel.test.tsx
+++ b/src/components/resizable_container/resizable_panel.test.tsx
@@ -6,10 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, {
-  FunctionComponent,
-  PropsWithChildren,
-} from 'react';
+import React, { FunctionComponent, PropsWithChildren } from 'react';
 import { render } from '@testing-library/react';
 import { requiredProps } from '../../test/required_props';
 import { shouldRenderCustomStyles } from '../../test/internal';
diff --git a/src/services/theme/hooks.test.tsx b/src/services/theme/hooks.test.tsx
index ecbc819e855..a931e9c5280 100644
--- a/src/services/theme/hooks.test.tsx
+++ b/src/services/theme/hooks.test.tsx
@@ -7,8 +7,8 @@
  */
 
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
 import { render } from '@testing-library/react';
+import { renderHook } from '../../test/rtl';
 
 import { setEuiDevProviderWarning } from './warning';
 import {
@@ -43,11 +43,12 @@ describe('useEuiTheme', () => {
 
   it('consecutive calls return a stable object', () => {
     const { result, rerender } = renderHook(useEuiTheme);
-    expect(result.all.length).toEqual(1);
+    const firstResult = result.current;
+
     rerender({});
-    expect(result.all.length).toEqual(2);
+    const secondResult = result.current;
 
-    expect(result.all[0]).toBe(result.all[1]);
+    expect(firstResult).toBe(secondResult);
   });
 });
 
diff --git a/src/test/react_version.ts b/src/test/react_version.ts
index 7c83098ff99..2c8318c106a 100644
--- a/src/test/react_version.ts
+++ b/src/test/react_version.ts
@@ -83,3 +83,9 @@ export const testByReactVersion = (name: string, func: () => void) => {
     testFunc(`[React ${version}] ${name}`, func);
   });
 };
+
+export const testOnReactVersion = (
+  versionOrVersions: ReactVersion | ReactVersion[]
+): typeof test => {
+  return isReactVersion(versionOrVersions) ? test : test.skip;
+};
diff --git a/src/test/rtl/component_helpers.ts b/src/test/rtl/component_helpers.ts
index 656477f8d4d..aa37e1dde78 100644
--- a/src/test/rtl/component_helpers.ts
+++ b/src/test/rtl/component_helpers.ts
@@ -35,7 +35,7 @@ export const waitForEuiToolTipVisible = async () =>
       const tooltip = document.querySelector('.euiToolTipPopover');
       expect(tooltip).toBeVisible();
     },
-    { timeout: 1500 } // Account for long delay on tooltips
+    { timeout: 3000 } // Account for long delay on tooltips
   );
 
 export const waitForEuiToolTipHidden = async () =>
diff --git a/src/test/rtl/index.ts b/src/test/rtl/index.ts
index c896c7c1896..80ed2c9d9a1 100644
--- a/src/test/rtl/index.ts
+++ b/src/test/rtl/index.ts
@@ -16,3 +16,4 @@ export {
   findByTestSubject,
 } from './data_test_subj_queries';
 export { render, screen, within } from './custom_render';
+export * from './render_hook';
diff --git a/src/test/rtl/render_hook.ts b/src/test/rtl/render_hook.ts
new file mode 100644
index 00000000000..454696df62d
--- /dev/null
+++ b/src/test/rtl/render_hook.ts
@@ -0,0 +1,28 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import type {
+  renderHook as renderHookType,
+  act as actType,
+} from '@testing-library/react-hooks';
+
+/* eslint-disable @typescript-eslint/no-var-requires */
+
+let renderHook: typeof renderHookType;
+let renderHookAct: typeof actType;
+if (process.env.REACT_VERSION === '18') {
+  renderHook = require('@testing-library/react').renderHook;
+  renderHookAct = require('@testing-library/react').act;
+} else {
+  renderHook = require('@testing-library/react-hooks').renderHook;
+  renderHookAct = require('@testing-library/react-hooks').act;
+}
+
+/* eslint-enable @typescript-eslint/no-var-requires */
+
+export { renderHook, renderHookAct };

From bf42924d291cab1b91ec8006db3a2212c6d53220 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Thu, 27 Jul 2023 17:34:34 +0200
Subject: [PATCH 10/24] [React 18] Fix flaky cypress tests (#7003)

---
 .../context_menu/context_menu_panel.spec.tsx  |   3 +-
 src/components/datagrid/utils/ref.spec.tsx    |   2 +
 src/components/flyout/flyout.spec.tsx         |  15 +--
 src/components/focus_trap/focus_trap.spec.tsx | 110 ++++++++----------
 src/components/modal/confirm_modal.tsx        |  33 +++---
 src/components/popover/popover.tsx            |   3 +-
 .../breakpoint/current_breakpoint.spec.tsx    |  29 ++---
 7 files changed, 92 insertions(+), 103 deletions(-)

diff --git a/src/components/context_menu/context_menu_panel.spec.tsx b/src/components/context_menu/context_menu_panel.spec.tsx
index 143d7516f5a..bfd1093b8d6 100644
--- a/src/components/context_menu/context_menu_panel.spec.tsx
+++ b/src/components/context_menu/context_menu_panel.spec.tsx
@@ -332,10 +332,11 @@ describe('EuiContextMenuPanel', () => {
           },
         ];
 
-        const FLAKY_WAIT = 100; // For some reason CI is flaking on these two tests in way that is hard to repro locally
+        const FLAKY_WAIT = 200; // For some reason CI is flaking on these two tests in way that is hard to repro locally
 
         it('does not lose focus while using left/right arrow navigation between panels', () => {
           cy.mount(<EuiContextMenu panels={panels} initialPanelId={0} />);
+          cy.wait(FLAKY_WAIT);
           cy.realPress('{downarrow}');
           cy.focused().should('have.attr', 'data-test-subj', 'itemA');
           cy.realPress('{rightarrow}');
diff --git a/src/components/datagrid/utils/ref.spec.tsx b/src/components/datagrid/utils/ref.spec.tsx
index fe5d96c5b9f..388844b6b1c 100644
--- a/src/components/datagrid/utils/ref.spec.tsx
+++ b/src/components/datagrid/utils/ref.spec.tsx
@@ -185,6 +185,7 @@ describe('useImperativeGridRef', () => {
 
   describe('closeCellPopover', () => {
     it('allows the consumer to manually close any open popovers', () => {
+      cy.get('[data-gridcell-row-index="0"]').should('exist');
       ref.current!.setFocusedCell({ colIndex: 0, rowIndex: 0 });
       cy.realPress('Enter');
       cy.get('[data-test-subj="euiDataGridExpansionPopover"]').should(
@@ -213,6 +214,7 @@ describe('useImperativeGridRef', () => {
 
   describe('scrollToItem', () => {
     it('scrolls to a specific cell position, rendering the cell', () => {
+      cy.get('[data-gridcell-row-index="0"]').should('exist');
       cy.get('[data-gridcell-row-index="15"]').should('not.exist');
       cy.then(() => {
         ref.current!.scrollToItem?.({ rowIndex: 15, columnIndex: 5 });
diff --git a/src/components/flyout/flyout.spec.tsx b/src/components/flyout/flyout.spec.tsx
index 71d293b3f4f..455d4876e26 100644
--- a/src/components/flyout/flyout.spec.tsx
+++ b/src/components/flyout/flyout.spec.tsx
@@ -53,6 +53,7 @@ describe('EuiFlyout', () => {
 
     it('traps focus and cycles tabbable items', () => {
       cy.mount(<Flyout />);
+      cy.wait(100); // wait for focus lib to focus the right element
       cy.repeatRealPress('Tab', 4);
       cy.focused().should('have.attr', 'data-test-subj', 'itemC');
       cy.repeatRealPress('Tab', 3);
@@ -129,11 +130,8 @@ describe('EuiFlyout', () => {
 
     it('closes the flyout when the overlay mask is clicked', () => {
       cy.mount(<Flyout />);
-      cy.get('.euiOverlayMask')
-        .realClick()
-        .then(() => {
-          expect(cy.get('[data-test-subj="flyoutSpec"]').should('not.exist'));
-        });
+      cy.get('.euiOverlayMask').should('be.visible').realClick();
+      cy.get('[data-test-subj="flyoutSpec"]').should('not.exist');
     });
 
     it('does not close the flyout when `outsideClickCloses=false` and the overlay mask is clicked', () => {
@@ -167,10 +165,9 @@ describe('EuiFlyout', () => {
     it('closes the flyout when the toast is clicked when `ownFocus=false`', () => {
       cy.mount(<FlyoutWithToasts ownFocus={false} outsideClickCloses={true} />);
       cy.get('[data-test-subj="toastCloseButton"]')
-        .realClick()
-        .then(() => {
-          expect(cy.get('[data-test-subj="flyoutSpec"]').should('not.exist'));
-        });
+        .should('be.visible')
+        .realClick();
+      cy.get('[data-test-subj="flyoutSpec"]').should('not.exist');
     });
   });
 
diff --git a/src/components/focus_trap/focus_trap.spec.tsx b/src/components/focus_trap/focus_trap.spec.tsx
index c9c3a2b5347..148a86b6193 100644
--- a/src/components/focus_trap/focus_trap.spec.tsx
+++ b/src/components/focus_trap/focus_trap.spec.tsx
@@ -10,7 +10,7 @@
 /// <reference types="cypress-real-events" />
 /// <reference types="../../../cypress/support" />
 
-import React, { useRef, useState } from 'react';
+import React, { ComponentType, useRef, useState } from 'react';
 import { EuiFocusTrap } from './focus_trap';
 import { EuiPortal } from '../portal';
 
@@ -161,78 +161,70 @@ describe('EuiFocusTrap', () => {
   });
 
   describe('outside click handling', () => {
-    const Trap = ({
-      onClickOutside,
-      shards,
-      closeOnMouseup,
-    }: {
-      onClickOutside?: any;
+    // For some reason using FunctionComponent with inline props type
+    // definition here causes cypress to crash
+    let Trap: ComponentType<{
       shards?: boolean;
       closeOnMouseup?: boolean;
-    }) => {
-      const buttonRef = useRef(null);
-      return (
-        <div>
-          <EuiFocusTrap
-            onClickOutside={onClickOutside}
-            shards={shards ? [buttonRef] : []}
-            closeOnMouseup={closeOnMouseup}
-          >
-            <div data-test-subj="container">
-              <input data-test-subj="input" />
-              <input data-test-subj="input2" />
-            </div>
-          </EuiFocusTrap>
-          <button ref={buttonRef} data-test-subj="outside">
-            outside the focus trap
-          </button>
-          <button data-test-subj="outside2">also outside the focus trap</button>
-        </div>
-      );
-    };
+    }>;
+
+    beforeEach(() => {
+      const onClickOutside = cy.stub().as('onClickOutside');
+
+      Trap = ({ shards, closeOnMouseup }) => {
+        const buttonRef = useRef(null);
+        return (
+          <div>
+            <EuiFocusTrap
+              onClickOutside={onClickOutside}
+              shards={shards ? [buttonRef] : []}
+              closeOnMouseup={closeOnMouseup}
+            >
+              <div data-test-subj="container">
+                <input data-test-subj="input" />
+                <input data-test-subj="input2" />
+              </div>
+            </EuiFocusTrap>
+            <button ref={buttonRef} data-test-subj="outside">
+              outside the focus trap
+            </button>
+            <button data-test-subj="outside2">
+              also outside the focus trap
+            </button>
+          </div>
+        );
+      };
+    });
 
     it('calls the callback on mousedown', () => {
-      const onClickOutside = cy.stub();
-      cy.mount(<Trap onClickOutside={onClickOutside} />);
+      cy.mount(<Trap />);
+      cy.wait(100); // wait for react-focus-on to start listening to events
 
-      cy.get('[data-test-subj=outside]')
-        .realMouseDown()
-        .then(() => {
-          expect(onClickOutside).to.be.called;
-        });
+      cy.get('[data-test-subj=outside]').should('be.visible').realMouseDown();
+      cy.get('@onClickOutside').should('be.called');
     });
 
     it('calls the callback on mouseup when using closeOnMouseup', () => {
-      const onClickOutside = cy.stub();
-      cy.mount(<Trap onClickOutside={onClickOutside} closeOnMouseup />);
+      cy.mount(<Trap closeOnMouseup />);
+      cy.wait(100); // wait for react-focus-on to start listening to events
 
-      cy.get('[data-test-subj=outside]')
-        .realMouseDown()
-        .then(() => {
-          expect(onClickOutside).to.not.be.called;
-        });
-      cy.get('[data-test-subj=outside]')
-        .click() // real events not  working here
-        .then(() => {
-          expect(onClickOutside).to.be.called;
-        });
+      cy.get('[data-test-subj=outside]').realMouseDown();
+      cy.get('@onClickOutside').should('not.be.called');
+
+      cy.get('[data-test-subj=outside]').click(); // real events not  working here
+      cy.get('@onClickOutside').should('be.called');
     });
 
     it('does not call the callback if the element is a shard', () => {
-      const onClickOutside = cy.stub();
-      cy.mount(<Trap onClickOutside={onClickOutside} shards />);
+      cy.mount(<Trap shards />);
+      cy.wait(100); // wait for react-focus-on to start listening to events
+
+      cy.get('[data-test-subj=outside]').realMouseDown();
+      cy.get('@onClickOutside').should('not.be.called');
 
-      cy.get('[data-test-subj=outside]')
-        .realMouseDown()
-        .then(() => {
-          expect(onClickOutside).to.not.be.called;
-        });
       // But still calls if the element is not a shard
-      cy.get('[data-test-subj=outside2]')
-        .realMouseDown()
-        .then(() => {
-          expect(onClickOutside).to.be.called;
-        });
+      cy.get('[data-test-subj=outside2]').realMouseDown();
+      cy.get('@onClickOutside').should('be.called');
     });
   });
 
diff --git a/src/components/modal/confirm_modal.tsx b/src/components/modal/confirm_modal.tsx
index a322c7a4cc4..c20f9d7796d 100644
--- a/src/components/modal/confirm_modal.tsx
+++ b/src/components/modal/confirm_modal.tsx
@@ -11,7 +11,7 @@ import React, {
   ComponentProps,
   ReactNode,
   useEffect,
-  useState,
+  useRef,
 } from 'react';
 import classnames from 'classnames';
 
@@ -88,30 +88,25 @@ export const EuiConfirmModal: FunctionComponent<EuiConfirmModalProps> = ({
   isLoading,
   ...rest
 }) => {
-  const [cancelButton, setCancelButton] = useState<
-    HTMLButtonElement | HTMLAnchorElement | null
-  >(null);
-  const [confirmButton, setConfirmButton] = useState<HTMLButtonElement | null>(
-    null
-  );
+  const cancelButtonRef = useRef<HTMLButtonElement | HTMLAnchorElement>(null);
+  const confirmButtonRef = useRef<HTMLButtonElement>(null);
 
   useEffect(() => {
     // We have to do this instead of using `autoFocus` because React's polyfill for auto-focusing
     // elements conflicts with the focus-trap logic we have on EuiModal.
     // Wait a beat for the focus-trap to complete, and then set focus to the right button. Check that
     // the buttons exist first, because it's possible the modal has been closed already.
-    requestAnimationFrame(() => {
-      if (defaultFocusedButton === CANCEL_BUTTON && cancelButton) {
-        cancelButton.focus();
-      } else if (defaultFocusedButton === CONFIRM_BUTTON && confirmButton) {
-        confirmButton.focus();
+    setTimeout(() => {
+      if (defaultFocusedButton === CANCEL_BUTTON && cancelButtonRef.current) {
+        cancelButtonRef.current.focus();
+      } else if (
+        defaultFocusedButton === CONFIRM_BUTTON &&
+        confirmButtonRef.current
+      ) {
+        confirmButtonRef.current.focus();
       }
     });
-  });
-
-  const confirmRef = (node: HTMLButtonElement | null) => setConfirmButton(node);
-  const cancelRef = (node: HTMLButtonElement | HTMLAnchorElement | null) =>
-    setCancelButton(node);
+  }, [defaultFocusedButton, cancelButtonRef, confirmButtonRef]);
 
   const classes = classnames('euiModal--confirmation', className);
 
@@ -156,7 +151,7 @@ export const EuiConfirmModal: FunctionComponent<EuiConfirmModalProps> = ({
         <EuiButtonEmpty
           data-test-subj="confirmModalCancelButton"
           onClick={onCancel}
-          buttonRef={cancelRef}
+          buttonRef={cancelButtonRef}
         >
           {cancelButtonText}
         </EuiButtonEmpty>
@@ -166,7 +161,7 @@ export const EuiConfirmModal: FunctionComponent<EuiConfirmModalProps> = ({
           onClick={onConfirm}
           isLoading={isLoading}
           fill
-          buttonRef={confirmRef}
+          buttonRef={confirmButtonRef}
           color={buttonColor}
           isDisabled={confirmButtonDisabled}
         >
diff --git a/src/components/popover/popover.tsx b/src/components/popover/popover.tsx
index 04940ee0ac6..0c41cc385dd 100644
--- a/src/components/popover/popover.tsx
+++ b/src/components/popover/popover.tsx
@@ -14,6 +14,7 @@ import React, {
   ReactNode,
   Ref,
   RefCallback,
+  PropsWithChildren,
 } from 'react';
 import classNames from 'classnames';
 import { focusable } from 'tabbable';
@@ -67,7 +68,7 @@ export const popoverAnchorPosition = [
 export type PopoverAnchorPosition = (typeof popoverAnchorPosition)[number];
 type AnchorPosition = 'up' | 'right' | 'down' | 'left';
 
-export interface EuiPopoverProps extends CommonProps {
+export interface EuiPopoverProps extends PropsWithChildren, CommonProps {
   /**
    * Class name passed to the direct parent of the button
    */
diff --git a/src/services/breakpoint/current_breakpoint.spec.tsx b/src/services/breakpoint/current_breakpoint.spec.tsx
index 74998e9a88c..7135fc14cfd 100644
--- a/src/services/breakpoint/current_breakpoint.spec.tsx
+++ b/src/services/breakpoint/current_breakpoint.spec.tsx
@@ -19,7 +19,8 @@ describe('useCurrentEuiBreakpoint', () => {
     const currentBreakpoint = useCurrentEuiBreakpoint();
     return (
       <>
-        Current breakpoint: <strong data-test-subj>{currentBreakpoint}</strong>
+        Current breakpoint:{' '}
+        <strong data-test-subj={currentBreakpoint}>{currentBreakpoint}</strong>
       </>
     );
   };
@@ -32,33 +33,33 @@ describe('useCurrentEuiBreakpoint', () => {
     });
 
     it('returns the current EUI breakpoint based on window width on page load', () => {
-      cy.get('[data-test-subj]').should('have.text', 'xl');
+      cy.get('[data-test-subj="xl"]').should('exist');
     });
 
     describe('updates the current EUI breakpoint on resize', () => {
       it('xs', () => {
         cy.viewport(300, 600);
-        cy.get('[data-test-subj]').should('have.text', 'xs');
+        cy.get('[data-test-subj="xs"]').should('exist');
       });
 
       it('s', () => {
         cy.viewport(575, 600);
-        cy.get('[data-test-subj]').should('have.text', 's');
+        cy.get('[data-test-subj="s"]').should('exist');
       });
 
       it('m', () => {
         cy.viewport(768, 600);
-        cy.get('[data-test-subj]').should('have.text', 'm');
+        cy.get('[data-test-subj="m"]').should('exist');
       });
 
       it('l', () => {
         cy.viewport(992, 600);
-        cy.get('[data-test-subj]').should('have.text', 'l');
+        cy.get('[data-test-subj="l"]').should('exist');
       });
 
       it('xl', () => {
         cy.viewport(1200, 600);
-        cy.get('[data-test-subj]').should('have.text', 'xl');
+        cy.get('[data-test-subj="xl"]').should('exist');
       });
     });
   });
@@ -83,37 +84,37 @@ describe('useCurrentEuiBreakpoint', () => {
     describe('returns the correct custom breakpoint based on window width', () => {
       it('custom xxs breakpoint', () => {
         cy.viewport(100, 600);
-        cy.get('[data-test-subj]').should('have.text', 'xxs');
+        cy.get('[data-test-subj="xxs"]').should('exist');
       });
 
       it('xs', () => {
         cy.viewport(300, 600);
-        cy.get('[data-test-subj]').should('have.text', 'xs');
+        cy.get('[data-test-subj="xs"]').should('exist');
       });
 
       it('s', () => {
         cy.viewport(500, 600);
-        cy.get('[data-test-subj]').should('have.text', 's');
+        cy.get('[data-test-subj="s"]').should('exist');
       });
 
       it('m', () => {
         cy.viewport(1001, 600);
-        cy.get('[data-test-subj]').should('have.text', 'm');
+        cy.get('[data-test-subj="m"]').should('exist');
       });
 
       it('l', () => {
         cy.viewport(1500, 600);
-        cy.get('[data-test-subj]').should('have.text', 'l');
+        cy.get('[data-test-subj="l"]').should('exist');
       });
 
       it('xl', () => {
         cy.viewport(2000, 600);
-        cy.get('[data-test-subj]').should('have.text', 'xl');
+        cy.get('[data-test-subj="xl"]').should('exist');
       });
 
       it('custom xxl breakpoint', () => {
         cy.viewport(2500, 600);
-        cy.get('[data-test-subj]').should('have.text', 'xxl');
+        cy.get('[data-test-subj="xxl"]').should('exist');
       });
     });
   });

From 496d1aefaa1f73b2c15a7dbd1964cccc9884efe2 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Fri, 28 Jul 2023 23:30:31 +0200
Subject: [PATCH 11/24] [React 18] Add full <StrictMode> support (#7007)

---
 .../context_menu/context_menu_panel.spec.tsx  |  4 ++
 .../body/data_grid_cell_popover.spec.tsx      |  7 ++-
 src/components/flyout/flyout.spec.tsx         | 15 +++--
 src/components/popover/wrapping_popover.tsx   |  9 +--
 src/components/portal/portal.tsx              | 60 ++++++++++++-------
 src/components/tour/tour_step.tsx             | 24 ++++----
 6 files changed, 67 insertions(+), 52 deletions(-)

diff --git a/src/components/context_menu/context_menu_panel.spec.tsx b/src/components/context_menu/context_menu_panel.spec.tsx
index bfd1093b8d6..f51a5e18dc2 100644
--- a/src/components/context_menu/context_menu_panel.spec.tsx
+++ b/src/components/context_menu/context_menu_panel.spec.tsx
@@ -79,6 +79,7 @@ describe('EuiContextMenuPanel', () => {
             ]}
           />
         );
+        cy.get('.euiContextMenuPanel').should('be.focused');
         cy.realPress('{downarrow}');
         cy.focused().should('have.attr', 'data-test-subj', 'itemA');
       });
@@ -100,6 +101,7 @@ describe('EuiContextMenuPanel', () => {
           );
         };
         cy.mount(<DynanicItemsTest />);
+        cy.get('.euiContextMenuPanel').should('be.focused');
         cy.realPress('{downarrow}');
         cy.focused().should('have.attr', 'data-test-subj', 'itemA');
         cy.realPress('{downarrow}');
@@ -144,6 +146,7 @@ describe('EuiContextMenuPanel', () => {
 
       it('focuses the back button panel title by default when no initialFocusedItemIndex is passed', () => {
         cy.mount(<EuiContextMenu panels={panels} initialPanelId="A" />);
+        cy.get('.euiContextMenuPanel').should('be.focused');
         cy.realPress('{downarrow}');
         cy.realPress('{downarrow}');
         cy.focused().should('have.attr', 'data-test-subj', 'panelA');
@@ -155,6 +158,7 @@ describe('EuiContextMenuPanel', () => {
 
       it('focuses the correct toggling item when using the left arrow key to navigate to the previous panel', () => {
         cy.mount(<EuiContextMenu panels={panels} initialPanelId="B" />);
+        cy.get('[data-test-subj="panelB"]').should('be.focused');
         cy.realPress('{leftarrow}');
         cy.focused().should('have.attr', 'data-test-subj', 'panelA');
       });
diff --git a/src/components/datagrid/body/data_grid_cell_popover.spec.tsx b/src/components/datagrid/body/data_grid_cell_popover.spec.tsx
index 414560900d7..deca8599bc1 100644
--- a/src/components/datagrid/body/data_grid_cell_popover.spec.tsx
+++ b/src/components/datagrid/body/data_grid_cell_popover.spec.tsx
@@ -61,9 +61,10 @@ describe('EuiDataGridCellPopover', () => {
       );
 
       cy.realPress('Escape');
-      cy.focused()
-        .should('have.attr', 'data-gridcell-column-index', '0')
-        .should('have.attr', 'data-gridcell-row-index', '0');
+
+      cy.get(
+        '[data-gridcell-column-index="0"][data-gridcell-row-index="0"]'
+      ).should('be.focused');
     });
 
     it('when the expand button is clicked and then F2 key is pressed', () => {
diff --git a/src/components/flyout/flyout.spec.tsx b/src/components/flyout/flyout.spec.tsx
index 455d4876e26..c3b2b841965 100644
--- a/src/components/flyout/flyout.spec.tsx
+++ b/src/components/flyout/flyout.spec.tsx
@@ -53,15 +53,11 @@ describe('EuiFlyout', () => {
 
     it('traps focus and cycles tabbable items', () => {
       cy.mount(<Flyout />);
-      cy.wait(100); // wait for focus lib to focus the right element
+      cy.get('[data-test-subj="flyoutSpec"]').should('be.focused');
       cy.repeatRealPress('Tab', 4);
-      cy.focused().should('have.attr', 'data-test-subj', 'itemC');
+      cy.get('[data-test-subj="itemC"]').should('be.focused');
       cy.repeatRealPress('Tab', 3);
-      cy.focused().should(
-        'have.attr',
-        'data-test-subj',
-        'euiFlyoutCloseButton'
-      );
+      cy.get('[data-test-subj="euiFlyoutCloseButton"]').should('be.focused');
     });
 
     it('does not focus trap or scrollLock for push flyouts', () => {
@@ -130,7 +126,10 @@ describe('EuiFlyout', () => {
 
     it('closes the flyout when the overlay mask is clicked', () => {
       cy.mount(<Flyout />);
-      cy.get('.euiOverlayMask').should('be.visible').realClick();
+      cy.get('[data-test-subj="flyoutSpec"]').should('be.visible');
+      cy.get('.euiOverlayMask')
+        .should('be.visible')
+        .realClick({ position: 'left' });
       cy.get('[data-test-subj="flyoutSpec"]').should('not.exist');
     });
 
diff --git a/src/components/popover/wrapping_popover.tsx b/src/components/popover/wrapping_popover.tsx
index d193c0fa845..588401b3ae6 100644
--- a/src/components/popover/wrapping_popover.tsx
+++ b/src/components/popover/wrapping_popover.tsx
@@ -22,13 +22,6 @@ export interface EuiWrappingPopoverProps
  */
 export class EuiWrappingPopover extends Component<EuiWrappingPopoverProps> {
   private portal: HTMLElement | null = null;
-  private anchor: HTMLElement | null = null;
-
-  componentDidMount() {
-    if (this.anchor) {
-      this.anchor.insertAdjacentElement('beforebegin', this.props.button);
-    }
-  }
 
   componentWillUnmount() {
     if (this.props.button.parentNode) {
@@ -43,7 +36,7 @@ export class EuiWrappingPopover extends Component<EuiWrappingPopoverProps> {
   };
 
   setAnchorRef = (node: HTMLElement | null) => {
-    this.anchor = node;
+    node?.insertAdjacentElement('beforebegin', this.props.button);
   };
 
   render() {
diff --git a/src/components/portal/portal.tsx b/src/components/portal/portal.tsx
index 7ddd1f69b29..72cc1c52cb2 100644
--- a/src/components/portal/portal.tsx
+++ b/src/components/portal/portal.tsx
@@ -11,7 +11,7 @@
  * into portals.
  */
 
-import React, { Component, ContextType, ReactNode } from 'react';
+import { Component, ContextType, ReactNode } from 'react';
 import { createPortal } from 'react-dom';
 
 import { EuiNestedThemeContext } from '../../services';
@@ -41,63 +41,79 @@ export interface EuiPortalProps {
   portalRef?: (ref: HTMLDivElement | null) => void;
 }
 
-export class EuiPortal extends Component<EuiPortalProps> {
+interface EuiPortalState {
+  portalNode: HTMLDivElement | null;
+}
+
+export class EuiPortal extends Component<EuiPortalProps, EuiPortalState> {
   static contextType = EuiNestedThemeContext;
   declare context: ContextType<typeof EuiNestedThemeContext>;
 
-  portalNode: HTMLDivElement | null = null;
-
   constructor(props: EuiPortalProps) {
     super(props);
-    if (typeof window === 'undefined') return; // Prevent SSR errors
 
+    this.state = {
+      portalNode: null,
+    };
+  }
+
+  componentDidMount() {
     const { insert } = this.props;
 
-    this.portalNode = document.createElement('div');
-    this.portalNode.dataset.euiportal = 'true';
+    const portalNode = document.createElement('div');
+    portalNode.dataset.euiportal = 'true';
 
     if (insert == null) {
       // no insertion defined, append to body
-      document.body.appendChild(this.portalNode);
+      document.body.appendChild(portalNode);
     } else {
       // inserting before or after an element
       const { sibling, position } = insert;
-      sibling.insertAdjacentElement(insertPositions[position], this.portalNode);
+      sibling.insertAdjacentElement(insertPositions[position], portalNode);
     }
-  }
 
-  componentDidMount() {
-    this.setThemeColor();
-    this.updatePortalRef(this.portalNode);
+    this.setThemeColor(portalNode);
+    this.updatePortalRef(portalNode);
+
+    // Update state with portalNode to intentionally trigger component rerender
+    // and call createPortal with correct root element in render()
+    this.setState({
+      portalNode,
+    });
   }
 
   componentWillUnmount() {
-    if (this.portalNode?.parentNode) {
-      this.portalNode.parentNode.removeChild(this.portalNode);
+    const { portalNode } = this.state;
+    if (portalNode?.parentNode) {
+      portalNode.parentNode.removeChild(portalNode);
     }
     this.updatePortalRef(null);
   }
 
   // Set the inherited color of the portal based on the wrapping EuiThemeProvider
-  setThemeColor() {
-    if (this.portalNode && this.context) {
+  private setThemeColor(portalNode: HTMLDivElement) {
+    if (this.context) {
       const { hasDifferentColorFromGlobalTheme, colorClassName } = this.context;
 
       if (hasDifferentColorFromGlobalTheme && this.props.insert == null) {
-        this.portalNode.classList.add(colorClassName);
+        portalNode.classList.add(colorClassName);
       }
     }
   }
 
-  updatePortalRef(ref: HTMLDivElement | null) {
+  private updatePortalRef(ref: HTMLDivElement | null) {
     if (this.props.portalRef) {
       this.props.portalRef(ref);
     }
   }
 
   render() {
-    return this.portalNode ? (
-      <>{createPortal(this.props.children, this.portalNode)}</>
-    ) : null;
+    const { portalNode } = this.state;
+
+    if (!portalNode) {
+      return null;
+    }
+
+    return createPortal(this.props.children, portalNode);
   }
 }
diff --git a/src/components/tour/tour_step.tsx b/src/components/tour/tour_step.tsx
index 8fe6e1500ef..8cd334dba35 100644
--- a/src/components/tour/tour_step.tsx
+++ b/src/components/tour/tour_step.tsx
@@ -12,7 +12,6 @@ import React, {
   ReactElement,
   ReactNode,
   useEffect,
-  useRef,
   useState,
 } from 'react';
 import classNames from 'classnames';
@@ -164,9 +163,7 @@ export const EuiTourStep: FunctionComponent<EuiTourStepProps> = ({
     );
   }
 
-  const [hasValidAnchor, setHasValidAnchor] = useState<boolean>(false);
-  const animationFrameId = useRef<number>();
-  const anchorNode = useRef<HTMLElement | null>(null);
+  const [anchorNode, setAnchorNode] = useState<HTMLElement | null>(null);
   const [popoverPosition, setPopoverPosition] = useState<EuiPopoverPosition>();
 
   const onPositionChange = (position: EuiPopoverPosition) => {
@@ -174,16 +171,21 @@ export const EuiTourStep: FunctionComponent<EuiTourStepProps> = ({
   };
 
   useEffect(() => {
+    let timeout: number;
     if (anchor) {
-      animationFrameId.current = window.requestAnimationFrame(() => {
-        anchorNode.current = findElementBySelectorOrRef(anchor);
-        setHasValidAnchor(anchorNode.current ? true : false);
+      // Wait until next tick to find anchor node in case it's not already
+      // in DOM requestAnimationFrame isn't used here because we don't need to
+      // synchronize with repainting ticks and the updated value still
+      // needs to go through a react DOM rerender which may take more than
+      // 1 frame (16ms) of time.
+      // TODO: It would be ideal to have some kind of intersection observer here instead
+      timeout = window.setTimeout(() => {
+        setAnchorNode(findElementBySelectorOrRef(anchor));
       });
     }
 
     return () => {
-      animationFrameId.current &&
-        window.cancelAnimationFrame(animationFrameId.current);
+      timeout && window.clearTimeout(timeout);
     };
   }, [anchor]);
 
@@ -332,8 +334,8 @@ export const EuiTourStep: FunctionComponent<EuiTourStepProps> = ({
     );
   }
 
-  return hasValidAnchor && anchorNode.current ? (
-    <EuiWrappingPopover button={anchorNode.current} {...popoverProps}>
+  return anchorNode ? (
+    <EuiWrappingPopover button={anchorNode} {...popoverProps}>
       {layout}
     </EuiWrappingPopover>
   ) : null;

From 69316922036a4a7df6f1190c78cc79a1d0ae53b3 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomasz.kajtoch@elastic.co>
Date: Mon, 31 Jul 2023 17:14:14 +0200
Subject: [PATCH 12/24] docs: add changelog

---
 upcoming_changelogs/7012.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 upcoming_changelogs/7012.md

diff --git a/upcoming_changelogs/7012.md b/upcoming_changelogs/7012.md
new file mode 100644
index 00000000000..05b8fe228e3
--- /dev/null
+++ b/upcoming_changelogs/7012.md
@@ -0,0 +1,6 @@
+- Added full React 18 support and React [`<StrictMode>`](https://react.dev/reference/react/StrictMode) ([#7012](https://github.com/elastic/eui/pull/7012))
+
+**Breaking changes**
+
+- Replaced the underlying drag-and-drop library from `react-beautiful-dnd` to its fork `@hello-pangea/dnd` ([#7012](https://github.com/elastic/eui/pull/7012))
+  - No code updates are needed if using only `<EuiDragDropContext>`, `<EuiDroppable>` and `<EuiDraggable>` with no direct imports from `react-beautiful-dnd`. In case you were importing things from `react-beautiful-dnd` and using them together with EUI components, you need to switch to `@hello-pangea/dnd` which has cross-compatible API.

From d92103c893175988ff7df4d838581d2dd7c3d073 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomasz.kajtoch@elastic.co>
Date: Mon, 31 Jul 2023 21:55:00 +0200
Subject: [PATCH 13/24] feat: add <StrictMode> switcher flag and default to
 false in docs app

---
 src-docs/src/index.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src-docs/src/index.js b/src-docs/src/index.js
index 8ed26edd72b..ed987c28327 100644
--- a/src-docs/src/index.js
+++ b/src-docs/src/index.js
@@ -1,4 +1,4 @@
-import React, { createElement, StrictMode } from 'react';
+import React, { createElement, Fragment, StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { HashRouter, Switch, Route, Redirect } from 'react-router-dom';
@@ -22,6 +22,10 @@ registerTheme('dark', [themeDark]);
 
 // Set up app
 
+// Whether the docs app should be wrapped in <StrictMode>
+const strictModeEnabled = false;
+const StrictModeWrapper = strictModeEnabled ? StrictMode : Fragment;
+
 const store = configureStore();
 
 const childRoutes = [].concat(Routes.getAppRoutes());
@@ -43,7 +47,7 @@ const routes = [
 const root = createRoot(document.getElementById('guide'));
 
 root.render(
-  <StrictMode>
+  <StrictModeWrapper>
     <Provider store={store}>
       <ThemeProvider>
         <AppContext>
@@ -168,5 +172,5 @@ root.render(
         </AppContext>
       </ThemeProvider>
     </Provider>
-  </StrictMode>
+  </StrictModeWrapper>
 );

From f601d1f60390cc0f7d607ea35563e30e1b51a8c3 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomasz.kajtoch@elastic.co>
Date: Mon, 31 Jul 2023 21:55:50 +0200
Subject: [PATCH 14/24] docs: update changelog to remove <StrictMode> note

---
 upcoming_changelogs/7012.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/upcoming_changelogs/7012.md b/upcoming_changelogs/7012.md
index 05b8fe228e3..27dc9cfe9ff 100644
--- a/upcoming_changelogs/7012.md
+++ b/upcoming_changelogs/7012.md
@@ -1,4 +1,4 @@
-- Added full React 18 support and React [`<StrictMode>`](https://react.dev/reference/react/StrictMode) ([#7012](https://github.com/elastic/eui/pull/7012))
+- Added full React 18 support ([#7012](https://github.com/elastic/eui/pull/7012))
 
 **Breaking changes**
 

From 48a256340c705a6aa078631cb0cc7fe4595af685 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Mon, 31 Jul 2023 14:01:53 -0700
Subject: [PATCH 15/24] Fix crashing popover demo

---
 src-docs/src/views/popover/trap_focus.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src-docs/src/views/popover/trap_focus.tsx b/src-docs/src/views/popover/trap_focus.tsx
index fbfd37a19f4..3304dbcf4f6 100644
--- a/src-docs/src/views/popover/trap_focus.tsx
+++ b/src-docs/src/views/popover/trap_focus.tsx
@@ -28,7 +28,10 @@ export default () => {
   const focusId = useGeneratedHtmlId();
   useEffect(() => {
     if (isPopoverOpen) {
-      document.getElementById(focusId)!.focus({ preventScroll: true });
+      // Wait a tick for element to finish rendering
+      setTimeout(() => {
+        document.getElementById(focusId)!.focus({ preventScroll: true });
+      });
     }
   }, [isPopoverOpen, focusId]);
 

From 85a71e5f67917789c77f3021c278d56c3215c011 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Mon, 31 Jul 2023 14:13:53 -0700
Subject: [PATCH 16/24] Fix `EuiWrappingPopover` demo to use React 18

---
 src-docs/src/views/popover/popover_htmlelement_anchor.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src-docs/src/views/popover/popover_htmlelement_anchor.js b/src-docs/src/views/popover/popover_htmlelement_anchor.js
index fa699b47244..adc8c5e355d 100644
--- a/src-docs/src/views/popover/popover_htmlelement_anchor.js
+++ b/src-docs/src/views/popover/popover_htmlelement_anchor.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 
-import { render, unmountComponentAtNode } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import { EuiWrappingPopover } from '../../../../src/components';
 
@@ -35,10 +35,11 @@ export default () => {
     // the popover DOM is positioned independently of where the container exists
     const container = document.createElement('div');
     document.body.appendChild(container);
+    const root = createRoot(container);
+    root.render(<PopoverApp anchor={thisAnchor} />);
 
-    render(<PopoverApp anchor={thisAnchor} />, container);
-
-    return () => unmountComponentAtNode(container);
+    // Without the setTimeout, React will error about attempting to synchronously unmount
+    return () => setTimeout(() => root.unmount());
   }, []);
 
   return (

From 9c220c904461e75a93eb58841baae116305e8c39 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Mon, 31 Jul 2023 15:01:59 -0700
Subject: [PATCH 17/24] Update CodeSandbox to use React 18 APIs

---
 src-docs/src/components/codesandbox/link.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src-docs/src/components/codesandbox/link.js b/src-docs/src/components/codesandbox/link.js
index b3a2c9bb7bf..72628a42518 100644
--- a/src-docs/src/components/codesandbox/link.js
+++ b/src-docs/src/components/codesandbox/link.js
@@ -150,7 +150,7 @@ import '@elastic/charts/dist/theme_only_${colorMode}.css';`
               '@emotion/css',
               'moment',
               'react',
-              'react-dom',
+              'react-dom/client',
               'react-scripts',
               ...Object.keys(mergedDeps),
             ].reduce((out, pkg) => {
@@ -166,8 +166,8 @@ import '@elastic/charts/dist/theme_only_${colorMode}.css';`
       },
       'index.js': {
         content: `import '${cssFile}';
-import ReactDOM from 'react-dom';
 import React from 'react';
+import { createRoot } from 'react-dom/client';
 import createCache from '@emotion/cache';
 import { EuiProvider } from '@elastic/eui';
 
@@ -179,7 +179,8 @@ const cache = createCache({
 });
 cache.compat = true;
 
-ReactDOM.render(
+const root = createRoot(document.getElementById('root'));
+root.render(
   <EuiProvider cache={cache} ${providerProps}>
     <Demo />
   </EuiProvider>,

From 5b30513ed3c5283b3935a7ad4ee76fee3c97b96d Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Mon, 31 Jul 2023 15:07:27 -0700
Subject: [PATCH 18/24] :facepalm: fix CodeSandbox

---
 src-docs/src/components/codesandbox/link.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src-docs/src/components/codesandbox/link.js b/src-docs/src/components/codesandbox/link.js
index 72628a42518..2623b99227c 100644
--- a/src-docs/src/components/codesandbox/link.js
+++ b/src-docs/src/components/codesandbox/link.js
@@ -150,7 +150,7 @@ import '@elastic/charts/dist/theme_only_${colorMode}.css';`
               '@emotion/css',
               'moment',
               'react',
-              'react-dom/client',
+              'react-dom',
               'react-scripts',
               ...Object.keys(mergedDeps),
             ].reduce((out, pkg) => {
@@ -183,8 +183,7 @@ const root = createRoot(document.getElementById('root'));
 root.render(
   <EuiProvider cache={cache} ${providerProps}>
     <Demo />
-  </EuiProvider>,
-  document.getElementById('root')
+  </EuiProvider>
 );`,
       },
       /* 4 */

From 2230fed8b8d35d0d4299f0d27df720c417e75d23 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomasz.kajtoch@elastic.co>
Date: Tue, 1 Aug 2023 16:02:38 +0200
Subject: [PATCH 19/24] refactor: move react version test utilities to
 src/test/internal

---
 src/components/datagrid/controls/column_selector.test.tsx    | 3 ++-
 src/components/datagrid/controls/column_sorting.test.tsx     | 3 ++-
 .../datagrid/controls/column_sorting_draggable.test.tsx      | 2 +-
 src/components/drag_and_drop/draggable.test.tsx              | 3 ++-
 src/components/drag_and_drop/droppable.test.tsx              | 5 ++---
 src/components/overlay_mask/overlay_mask.test.tsx            | 3 ++-
 src/test/index.ts                                            | 1 -
 src/test/internal/index.ts                                   | 1 +
 src/test/{ => internal}/react_version.ts                     | 0
 9 files changed, 12 insertions(+), 9 deletions(-)
 rename src/test/{ => internal}/react_version.ts (100%)

diff --git a/src/components/datagrid/controls/column_selector.test.tsx b/src/components/datagrid/controls/column_selector.test.tsx
index 363b55a03e3..a62da600d34 100644
--- a/src/components/datagrid/controls/column_selector.test.tsx
+++ b/src/components/datagrid/controls/column_selector.test.tsx
@@ -9,7 +9,8 @@
 import React from 'react';
 import { act } from '@testing-library/react';
 import { shallow, mount, ReactWrapper } from 'enzyme';
-import { findTestSubject, testByReactVersion } from '../../../test';
+import { findTestSubject } from '../../../test';
+import { testByReactVersion } from '../../../test/internal';
 
 import { EuiDataGridToolBarVisibilityOptions } from '../data_grid_types';
 
diff --git a/src/components/datagrid/controls/column_sorting.test.tsx b/src/components/datagrid/controls/column_sorting.test.tsx
index d1f74b889b9..2ce2ea61c1f 100644
--- a/src/components/datagrid/controls/column_sorting.test.tsx
+++ b/src/components/datagrid/controls/column_sorting.test.tsx
@@ -9,7 +9,8 @@
 import React from 'react';
 import { act } from '@testing-library/react';
 import { mount, ReactWrapper } from 'enzyme';
-import { findTestSubject, testByReactVersion } from '../../../test';
+import { findTestSubject } from '../../../test';
+import { testByReactVersion } from '../../../test/internal';
 
 import { schemaDetectors } from '../utils/data_grid_schema';
 
diff --git a/src/components/datagrid/controls/column_sorting_draggable.test.tsx b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
index d8b046e64e1..32bc2378214 100644
--- a/src/components/datagrid/controls/column_sorting_draggable.test.tsx
+++ b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
@@ -14,7 +14,7 @@ import { EuiDragDropContext, EuiDroppable } from '../../drag_and_drop';
 import { schemaDetectors } from '../utils/data_grid_schema';
 
 import { EuiDataGridColumnSortingDraggable } from './column_sorting_draggable';
-import { testByReactVersion } from '../../../test';
+import { testByReactVersion } from '../../../test/internal';
 
 describe('EuiDataGridColumnSortingDraggable', () => {
   const onSort = jest.fn();
diff --git a/src/components/drag_and_drop/draggable.test.tsx b/src/components/drag_and_drop/draggable.test.tsx
index 4565f1cf580..3b7d4dd43f2 100644
--- a/src/components/drag_and_drop/draggable.test.tsx
+++ b/src/components/drag_and_drop/draggable.test.tsx
@@ -8,7 +8,8 @@
 
 import React from 'react';
 import { render, screen } from '../../test/rtl';
-import { requiredProps, describeByReactVersion } from '../../test';
+import { requiredProps } from '../../test';
+import { describeByReactVersion } from '../../test/internal';
 import { EuiDragDropContext, EuiDraggable, EuiDroppable } from './';
 
 describeByReactVersion('EuiDraggable', () => {
diff --git a/src/components/drag_and_drop/droppable.test.tsx b/src/components/drag_and_drop/droppable.test.tsx
index 08849d37d8b..6fee1e123b7 100644
--- a/src/components/drag_and_drop/droppable.test.tsx
+++ b/src/components/drag_and_drop/droppable.test.tsx
@@ -10,12 +10,11 @@ import React from 'react';
 import { mount, ReactWrapper } from 'enzyme';
 import { resetServerContext } from '@hello-pangea/dnd';
 
+import { findTestSubject, requiredProps } from '../../test';
 import {
-  findTestSubject,
-  requiredProps,
   invokeOnReactVersion,
   describeByReactVersion,
-} from '../../test';
+} from '../../test/internal';
 
 import { EuiDragDropContext, EuiDroppable } from './';
 import { EuiDroppableContext } from './droppable';
diff --git a/src/components/overlay_mask/overlay_mask.test.tsx b/src/components/overlay_mask/overlay_mask.test.tsx
index 6c838075580..93d0b502aa8 100644
--- a/src/components/overlay_mask/overlay_mask.test.tsx
+++ b/src/components/overlay_mask/overlay_mask.test.tsx
@@ -8,7 +8,8 @@
 
 import React from 'react';
 import { render } from '../../test/rtl';
-import { requiredProps, testOnReactVersion } from '../../test';
+import { requiredProps } from '../../test';
+import { testOnReactVersion } from '../../test/internal';
 import { EuiThemeProvider } from '../../services';
 
 import { EuiOverlayMask } from './overlay_mask';
diff --git a/src/test/index.ts b/src/test/index.ts
index b783039efcd..96d6201dfab 100644
--- a/src/test/index.ts
+++ b/src/test/index.ts
@@ -15,4 +15,3 @@ export {
 } from './react_warnings';
 export { sleep } from './sleep';
 export * from './emotion-prefix';
-export * from './react_version';
diff --git a/src/test/internal/index.ts b/src/test/internal/index.ts
index 2d23af02e50..ec088111b19 100644
--- a/src/test/internal/index.ts
+++ b/src/test/internal/index.ts
@@ -8,3 +8,4 @@
 
 export * from './render_custom_styles';
 export * from './test_custom_hook';
+export * from './react_version';
diff --git a/src/test/react_version.ts b/src/test/internal/react_version.ts
similarity index 100%
rename from src/test/react_version.ts
rename to src/test/internal/react_version.ts

From c6b40d4a7b5f2e1a18a77d2dc61dc32cfe5148d1 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomasz.kajtoch@elastic.co>
Date: Tue, 1 Aug 2023 16:11:17 +0200
Subject: [PATCH 20/24] fix: remove code that's been moved to another file and
 incorrectly rebased

---
 src/services/theme/provider.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/services/theme/provider.tsx b/src/services/theme/provider.tsx
index 66e8252a9c1..13003b54d2e 100644
--- a/src/services/theme/provider.tsx
+++ b/src/services/theme/provider.tsx
@@ -37,12 +37,6 @@ import {
   EuiThemeModifications,
 } from './types';
 
-type LEVELS = 'log' | 'warn' | 'error';
-let providerWarning: LEVELS | undefined = undefined;
-export const setEuiDevProviderWarning = (level: LEVELS | undefined) =>
-  (providerWarning = level);
-export const getEuiDevProviderWarning = () => providerWarning;
-
 export interface EuiThemeProviderProps<T> extends PropsWithChildren {
   theme?: EuiThemeSystem<T>;
   colorMode?: EuiThemeColorMode;

From 7e214eb46abb65ba295e5ba3daaa97bcb148c8b8 Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomasz.kajtoch@elastic.co>
Date: Tue, 1 Aug 2023 16:22:00 +0200
Subject: [PATCH 21/24] fix: remove unused TextEncoder jest polyfill

---
 scripts/jest/setup/polyfills.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/scripts/jest/setup/polyfills.js b/scripts/jest/setup/polyfills.js
index 048df84a28f..3619912b9a9 100644
--- a/scripts/jest/setup/polyfills.js
+++ b/scripts/jest/setup/polyfills.js
@@ -1,14 +1,9 @@
 import { MutationObserver, MutationNotifier } from '../polyfills/mutation_observer';
-import util from 'util';
 
 // polyfill window.MutationObserver and intersect jsdom's relevant methods
 // from https://github.com/aurelia/pal-nodejs
 // https://github.com/aurelia/pal-nodejs/blob/56396ff7c7693669dbafc8e9e49ee6bc29472f12/src/nodejs-pal-builder.ts#L63
 
-Object.defineProperty(global, 'TextEncoder', {
-  value: util.TextEncoder,
-});
-
 const undos = [];
 afterAll(() => {
   while (undos.length) {

From f879d52240bdc70ec836b1da901d8c37b3fb763c Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomek@kajto.ch>
Date: Tue, 1 Aug 2023 16:22:47 +0200
Subject: [PATCH 22/24] Update upcoming_changelogs/7012.md

Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>
---
 upcoming_changelogs/7012.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/upcoming_changelogs/7012.md b/upcoming_changelogs/7012.md
index 27dc9cfe9ff..1c07336ec65 100644
--- a/upcoming_changelogs/7012.md
+++ b/upcoming_changelogs/7012.md
@@ -1,4 +1,4 @@
-- Added full React 18 support ([#7012](https://github.com/elastic/eui/pull/7012))
+- Added React 18 support (StrictMode not yet supported).
 
 **Breaking changes**
 

From 2fa936eeb565a1ef72ea85018fcd833a56f217f4 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Tue, 1 Aug 2023 08:00:19 -0700
Subject: [PATCH 23/24] [PR feedback] Minor cleanup

---
 src/components/datagrid/controls/display_selector.tsx | 2 --
 src/components/overlay_mask/overlay_mask.test.tsx     | 1 +
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/datagrid/controls/display_selector.tsx b/src/components/datagrid/controls/display_selector.tsx
index 3aa96d5a5d2..b89276b6e53 100644
--- a/src/components/datagrid/controls/display_selector.tsx
+++ b/src/components/datagrid/controls/display_selector.tsx
@@ -140,8 +140,6 @@ export const useDataGridDisplaySelector = (
   const setLineCountHeight = useCallback<
     NonNullable<EuiRangeProps['onChange']>
   >((event) => {
-    if (!event.currentTarget) return;
-
     const newLineCount = Number(event.currentTarget.value);
     if (newLineCount < 1) return; // Don't let users set a 0 or negative line count
 
diff --git a/src/components/overlay_mask/overlay_mask.test.tsx b/src/components/overlay_mask/overlay_mask.test.tsx
index 93d0b502aa8..f99264b8393 100644
--- a/src/components/overlay_mask/overlay_mask.test.tsx
+++ b/src/components/overlay_mask/overlay_mask.test.tsx
@@ -86,6 +86,7 @@ describe('EuiOverlayMask', () => {
 
   // React 18 is really unhappy when RTL wants to unmount
   // it while the component is still updating.
+  // TODO: https://github.com/elastic/eui/issues/6998
   // Note - this needs to be the last test in the suite, otherwise subsequent overlay masks stop working
   testOnReactVersion(['16', '17'])(
     'throws if a non-string property value is passed',

From 95beab124569a57330d6d1f155cfff6692ff6cc9 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Tue, 1 Aug 2023 08:00:47 -0700
Subject: [PATCH 24/24] [EuiInlineEdit] Types cleanup

- involves removing `children` from EuiInlineEditTitle/Text, but this is definitely more correct in terms of props/typing
---
 src/components/inline_edit/inline_edit_form.tsx  | 10 +++++-----
 src/components/inline_edit/inline_edit_text.tsx  |  1 -
 src/components/inline_edit/inline_edit_title.tsx |  1 -
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/inline_edit/inline_edit_form.tsx b/src/components/inline_edit/inline_edit_form.tsx
index 240b2c60295..347633f7934 100644
--- a/src/components/inline_edit/inline_edit_form.tsx
+++ b/src/components/inline_edit/inline_edit_form.tsx
@@ -37,7 +37,10 @@ import { useGeneratedHtmlId } from '../../services/accessibility';
 import { euiInlineEditReadModeStyles } from './inline_edit_form.styles';
 
 // Props shared between the internal form component as well as consumer-facing components
-export type EuiInlineEditCommonProps = HTMLAttributes<HTMLDivElement> &
+export type EuiInlineEditCommonProps = Omit<
+  HTMLAttributes<HTMLDivElement>,
+  'children'
+> &
   CommonProps & {
     defaultValue: string;
     placeholder?: string;
@@ -90,10 +93,7 @@ export type EuiInlineEditCommonProps = HTMLAttributes<HTMLDivElement> &
   };
 
 // Internal-only props, passed by the consumer-facing components
-export type EuiInlineEditFormProps = Omit<
-  EuiInlineEditCommonProps,
-  'children'
-> & {
+export type EuiInlineEditFormProps = EuiInlineEditCommonProps & {
   /**
    * Form sizes
    */
diff --git a/src/components/inline_edit/inline_edit_text.tsx b/src/components/inline_edit/inline_edit_text.tsx
index 217916954a3..41be39fd378 100644
--- a/src/components/inline_edit/inline_edit_text.tsx
+++ b/src/components/inline_edit/inline_edit_text.tsx
@@ -28,7 +28,6 @@ export type EuiInlineEditTextProps = EuiInlineEditCommonProps & {
 };
 
 export const EuiInlineEditText: FunctionComponent<EuiInlineEditTextProps> = ({
-  children,
   className,
   size = 'm',
   defaultValue,
diff --git a/src/components/inline_edit/inline_edit_title.tsx b/src/components/inline_edit/inline_edit_title.tsx
index aa87d82bf26..b887525aa0c 100644
--- a/src/components/inline_edit/inline_edit_title.tsx
+++ b/src/components/inline_edit/inline_edit_title.tsx
@@ -34,7 +34,6 @@ export type EuiInlineEditTitleProps = EuiInlineEditCommonProps & {
 };
 
 export const EuiInlineEditTitle: FunctionComponent<EuiInlineEditTitleProps> = ({
-  children,
   className,
   size = 'm',
   heading,