feat(Wizard): replace deprecations in examples

Author: mfrances17

packages/react-core/src/components/Wizard/examples/Wizard.md

@@ -34,6 +34,9 @@ DrawerColorVariant,
 DrawerHead,
 DrawerActions,
 DrawerCloseButton,
+Modal,
+ModalBody,
+ModalVariant,
 Wizard,
 WizardFooter,
 WizardFooterWrapper,
@@ -46,7 +49,6 @@ WizardNavItem,
 WizardNav,
 WizardHeader
 } from '@patternfly/react-core';
-import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
 import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon';
 import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon';

packages/react-core/src/components/Wizard/examples/WizardWithinModal.tsx

@@ -1,49 +1,48 @@
 import React from 'react';
-import { Button, Wizard, WizardStep, WizardHeader } from '@patternfly/react-core';
-import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
+import { Button, Modal, ModalBody, ModalVariant, Wizard, WizardHeader, WizardStep } from '@patternfly/react-core';
 
-export const WizardWithinModal = () => {
+export const WizardWithinModal: React.FunctionComponent = () => {
   const [isModelOpen, setIsModalOpen] = React.useState(false);
 
   return (
     <>
       <Button onClick={() => setIsModalOpen(true)}>Show Modal</Button>
 
-      <ModalDeprecated
+      <Modal
         isOpen={isModelOpen}
-        showClose={false}
         aria-label="Wizard modal"
-        hasNoBodyWrapper
         onEscapePress={() => setIsModalOpen(false)}
-        variant={ModalVariantDeprecated.medium}
+        variant={ModalVariant.medium}
       >
-        <Wizard
-          height={400}
-          onClose={() => setIsModalOpen(false)}
-          title="In modal wizard"
-          header={
-            <WizardHeader
-              onClose={() => setIsModalOpen(false)}
-              title="Wizard in modal"
-              description="Simple wizard description"
-            />
-          }
-        >
-          <WizardStep name="Step 1" id="in-modal-step-1">
-            Step 1 content
-          </WizardStep>
-          <WizardStep name="Step 2" id="in-modal-step-2">
-            Step 2 content
-          </WizardStep>
-          <WizardStep
-            name="Review"
-            id="in-modal-review-step"
-            footer={{ nextButtonText: 'Finish', onNext: () => setIsModalOpen(false) }}
+        <ModalBody>
+          <Wizard
+            height={400}
+            onClose={() => setIsModalOpen(false)}
+            title="In modal wizard"
+            header={
+              <WizardHeader
+                onClose={() => setIsModalOpen(false)}
+                title="Wizard in modal"
+                description="Simple wizard description"
+              />
+            }
           >
-            Review step content
-          </WizardStep>
-        </Wizard>
-      </ModalDeprecated>
+            <WizardStep name="Step 1" id="in-modal-step-1">
+              Step 1 content
+            </WizardStep>
+            <WizardStep name="Step 2" id="in-modal-step-2">
+              Step 2 content
+            </WizardStep>
+            <WizardStep
+              name="Review"
+              id="in-modal-review-step"
+              footer={{ nextButtonText: 'Finish', onNext: () => setIsModalOpen(false) }}
+            >
+              Review step content
+            </WizardStep>
+          </Wizard>
+        </ModalBody>
+      </Modal>
     </>
   );
 };