@patternfly/react-core 6.2.0-prerelease.20 → 6.2.0-prerelease.22

package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx

@@ -11,7 +11,6 @@ import {
   DrawerContent,
   DrawerHead,
   DrawerPanelContent,
-  DrawerColorVariant,
   Flex,
   Nav,
   NavItem,
@@ -135,7 +134,7 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
     <Drawer isInline isExpanded={isDrawerExpanded} onExpand={onExpand}>
       <DrawerContent
         panelContent={
-          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.secondary}>
+          <DrawerPanelContent widths={{ default: 'width_33' }}>
             <DrawerHead>
               <span tabIndex={isDrawerExpanded ? 0 : -1} ref={drawerRef}>
                 Drawer content: {stepName}
@@ -184,7 +183,7 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
             <p>A demo of a wizard in a page.</p>
           </Content>
         </PageSection>
-        <PageSection type={PageSectionTypes.wizard} ß>
+        <PageSection hasBodyWrapper={false} type={PageSectionTypes.wizard} ß>
           <Wizard>
             <WizardStep body={{ hasNoPadding: true }} name="Information" id="wizard-step-1">
               {createStepContentWithDrawer('Information step')}

package/src/helpers/util.ts

@@ -1,4 +1,3 @@
-import * as ReactDOM from 'react-dom';
 import { globalWidthBreakpoints, globalHeightBreakpoints, SIDE } from './constants';
 
 /**
@@ -180,8 +179,8 @@ export function keyHandler(
     if (refsCollection[nextIndex].focus) {
       refsCollection[nextIndex].focus();
     }
-    // eslint-disable-next-line react/no-find-dom-node
-    const element = ReactDOM.findDOMNode(refsCollection[nextIndex]) as HTMLElement;
+
+    const element = refsCollection[nextIndex] as HTMLElement;
     element.focus();
   } else if (position !== 'tab') {
     if (isMultiDimensional) {

package/src/components/Button/examples/ButtonRouterLink.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Button } from '@patternfly/react-core';
-import { Link } from '@reach/router';
-
-export const ButtonRouterLink: React.FunctionComponent = () => (
-  <Button variant="link" component={(props: any) => <Link {...props} to="#" />}>
-    Router link
-  </Button>
-);