From 7048c2514924edd0794dbe0b4790988403f4fc72 Mon Sep 17 00:00:00 2001
From: Katie McFaul <kmcfaul@redhat.com>
Date: Thu, 2 May 2024 11:07:44 -0400
Subject: [PATCH] fix integration

---
 .../DataListDemo/DataListDraggableDemo.tsx    |  8 +-
 .../demos/WizardDemo/WizardDemo.tsx           | 88 +++++++++++++++++++
 2 files changed, 92 insertions(+), 4 deletions(-)

diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDraggableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDraggableDemo.tsx
index 34917cc3d7c..5bbe93e392d 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDraggableDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDraggableDemo.tsx
@@ -6,11 +6,9 @@ import {
   DataListItemRow,
   DataListControl,
   DataListDragButton,
-  DataListItemCells,
-  DragDrop,
-  Draggable,
-  Droppable
+  DataListItemCells
 } from '@patternfly/react-core';
+import { DragDrop, Draggable, Droppable } from '@patternfly/react-core/deprecated';
 
 interface ItemType {
   id: string;
@@ -110,3 +108,5 @@ class DataListDraggableDemo extends React.Component {
 }
 
 DataListDraggableDemo.displayName = 'DataListDraggableDemo';
+
+export { DataListDraggableDemo };
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx
index 6e20e57fc61..4f750e8bb69 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx
@@ -143,6 +143,94 @@ class WizardDemo extends React.Component<React.HTMLProps<HTMLDivElement>, Wizard
           <WizardStep id="inPage-overflow-step-2" name="Step with overflow">
             <div style={{ height: '800px' }}>
               <p>Step 2</p>
+              <>
+                <p>
+                  The content of this step overflows and creates a scrollbar, which causes a tabindex of "0", a role of
+                  "region", and an aria-label or aria-labelledby to be applied.
+                </p>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum in neque nec pharetra. Duis
+                  lacinia vel sapien ut imperdiet. Nunc ultrices mollis dictum. Duis tempus, massa nec tincidunt tempor,
+                  enim ex porttitor odio, eu facilisis dolor tortor id sapien. Etiam sit amet molestie lacus. Nulla
+                  facilisi. Duis eget finibus ipsum. Quisque dictum enim sed sodales porta. Curabitur eget orci eu risus
+                  posuere pulvinar id nec turpis. Morbi mattis orci vel posuere tincidunt. Fusce bibendum et libero a
+                  auctor.
+                </p>
+                <p>
+                  Proin elementum commodo sodales. Quisque eget libero mattis, ornare augue at, egestas nisi. Mauris
+                  ultrices orci fringilla pretium mattis. Aliquam erat volutpat. Sed pharetra condimentum dui, nec
+                  bibendum ante. Vestibulum sollicitudin, sem accumsan pharetra molestie, purus turpis lacinia lorem,
+                  commodo sodales quam lectus a urna. Nam gravida, felis a lacinia varius, ex ipsum ultrices orci, non
+                  egestas diam velit in mi. Ut sit amet commodo orci. Duis sed diam odio. Duis mi metus, dignissim in
+                  odio nec, ornare aliquet libero. Sed luctus elit nibh. Quisque et felis diam. Integer ac metus dolor.
+                </p>
+              </>
+              <>
+                <p>
+                  The content of this step overflows and creates a scrollbar, which causes a tabindex of "0", a role of
+                  "region", and an aria-label or aria-labelledby to be applied.
+                </p>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum in neque nec pharetra. Duis
+                  lacinia vel sapien ut imperdiet. Nunc ultrices mollis dictum. Duis tempus, massa nec tincidunt tempor,
+                  enim ex porttitor odio, eu facilisis dolor tortor id sapien. Etiam sit amet molestie lacus. Nulla
+                  facilisi. Duis eget finibus ipsum. Quisque dictum enim sed sodales porta. Curabitur eget orci eu risus
+                  posuere pulvinar id nec turpis. Morbi mattis orci vel posuere tincidunt. Fusce bibendum et libero a
+                  auctor.
+                </p>
+                <p>
+                  Proin elementum commodo sodales. Quisque eget libero mattis, ornare augue at, egestas nisi. Mauris
+                  ultrices orci fringilla pretium mattis. Aliquam erat volutpat. Sed pharetra condimentum dui, nec
+                  bibendum ante. Vestibulum sollicitudin, sem accumsan pharetra molestie, purus turpis lacinia lorem,
+                  commodo sodales quam lectus a urna. Nam gravida, felis a lacinia varius, ex ipsum ultrices orci, non
+                  egestas diam velit in mi. Ut sit amet commodo orci. Duis sed diam odio. Duis mi metus, dignissim in
+                  odio nec, ornare aliquet libero. Sed luctus elit nibh. Quisque et felis diam. Integer ac metus dolor.
+                </p>
+              </>
+              <>
+                <p>
+                  The content of this step overflows and creates a scrollbar, which causes a tabindex of "0", a role of
+                  "region", and an aria-label or aria-labelledby to be applied.
+                </p>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum in neque nec pharetra. Duis
+                  lacinia vel sapien ut imperdiet. Nunc ultrices mollis dictum. Duis tempus, massa nec tincidunt tempor,
+                  enim ex porttitor odio, eu facilisis dolor tortor id sapien. Etiam sit amet molestie lacus. Nulla
+                  facilisi. Duis eget finibus ipsum. Quisque dictum enim sed sodales porta. Curabitur eget orci eu risus
+                  posuere pulvinar id nec turpis. Morbi mattis orci vel posuere tincidunt. Fusce bibendum et libero a
+                  auctor.
+                </p>
+                <p>
+                  Proin elementum commodo sodales. Quisque eget libero mattis, ornare augue at, egestas nisi. Mauris
+                  ultrices orci fringilla pretium mattis. Aliquam erat volutpat. Sed pharetra condimentum dui, nec
+                  bibendum ante. Vestibulum sollicitudin, sem accumsan pharetra molestie, purus turpis lacinia lorem,
+                  commodo sodales quam lectus a urna. Nam gravida, felis a lacinia varius, ex ipsum ultrices orci, non
+                  egestas diam velit in mi. Ut sit amet commodo orci. Duis sed diam odio. Duis mi metus, dignissim in
+                  odio nec, ornare aliquet libero. Sed luctus elit nibh. Quisque et felis diam. Integer ac metus dolor.
+                </p>
+              </>
+              <>
+                <p>
+                  The content of this step overflows and creates a scrollbar, which causes a tabindex of "0", a role of
+                  "region", and an aria-label or aria-labelledby to be applied.
+                </p>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum in neque nec pharetra. Duis
+                  lacinia vel sapien ut imperdiet. Nunc ultrices mollis dictum. Duis tempus, massa nec tincidunt tempor,
+                  enim ex porttitor odio, eu facilisis dolor tortor id sapien. Etiam sit amet molestie lacus. Nulla
+                  facilisi. Duis eget finibus ipsum. Quisque dictum enim sed sodales porta. Curabitur eget orci eu risus
+                  posuere pulvinar id nec turpis. Morbi mattis orci vel posuere tincidunt. Fusce bibendum et libero a
+                  auctor.
+                </p>
+                <p>
+                  Proin elementum commodo sodales. Quisque eget libero mattis, ornare augue at, egestas nisi. Mauris
+                  ultrices orci fringilla pretium mattis. Aliquam erat volutpat. Sed pharetra condimentum dui, nec
+                  bibendum ante. Vestibulum sollicitudin, sem accumsan pharetra molestie, purus turpis lacinia lorem,
+                  commodo sodales quam lectus a urna. Nam gravida, felis a lacinia varius, ex ipsum ultrices orci, non
+                  egestas diam velit in mi. Ut sit amet commodo orci. Duis sed diam odio. Duis mi metus, dignissim in
+                  odio nec, ornare aliquet libero. Sed luctus elit nibh. Quisque et felis diam. Integer ac metus dolor.
+                </p>
+              </>
             </div>
           </WizardStep>
         </Wizard>