@patternfly/react-core 6.2.1-prerelease.7 → 6.2.1-prerelease.9

package/src/components/Toolbar/ToolbarGroup.tsx

@@ -12,7 +12,7 @@ export enum ToolbarGroupVariant {
   'label-group' = 'label-group'
 }
 
-export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
+export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'ref' | 'onToggle'> {
   /** Classes applied to root element of the data toolbar group */
   className?: string;
   /** A type modifier which modifies spacing specifically depending on the type of group */

package/src/components/Wizard/WizardNavInternal.tsx

@@ -96,7 +96,7 @@ export const WizardNavInternal = ({
             }
           });
           const hasEnabledChildren = Children.toArray(subNavItems).some(
-            (child) => isValidElement(child) && !child.props.isDisabled
+            (child) => isValidElement(child) && !(child.props as any).isDisabled
           );
 
           if (!isProgressive || (isProgressive && step.index <= activeStep.index)) {

package/src/components/Wizard/examples/WizardGetCurrentStep.tsx

@@ -10,7 +10,7 @@ import {
 } from '@patternfly/react-core';
 
 const CurrentStepDescriptionList = ({ currentStep }: { currentStep: WizardStepType | undefined }) => (
-  <DescriptionList isHorizontal isCompact>
+  <DescriptionList isHorizontal isCompact aria-label={`${currentStep?.name} prop data`}>
     <DescriptionListGroup>
       <DescriptionListTerm>Index</DescriptionListTerm>
       <DescriptionListDescription>{currentStep?.index}</DescriptionListDescription>

package/src/demos/DescriptionList/examples/DescriptionListBasic.tsx

@@ -33,7 +33,7 @@ export const DescriptionListBasic: React.FunctionComponent = () => (
         </CardHeader>
         <Divider />
         <CardBody>
-          <DescriptionList isAutoFit>
+          <DescriptionList isAutoFit aria-label="Details">
             <DescriptionListGroup>
               <DescriptionListTerm>Name</DescriptionListTerm>
               <DescriptionListDescription>mary-test</DescriptionListDescription>

package/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx

@@ -51,7 +51,7 @@ export const DescriptionListInDrawer: React.FunctionComponent = () => {
         </DrawerActions>
       </DrawerHead>
       <DrawerPanelBody>
-        <DescriptionList isFillColumns columnModifier={{ default: '2Col', lg: '2Col' }}>
+        <DescriptionList isFillColumns columnModifier={{ default: '2Col', lg: '2Col' }} aria-label="Details">
           <DescriptionListGroup>
             <DescriptionListTerm>Name</DescriptionListTerm>
             <DescriptionListDescription>test</DescriptionListDescription>

package/src/demos/SearchInput/SearchInput.md

@@ -172,6 +172,7 @@ SearchAutocomplete = () => {
       ref={searchInputRef}
       hint={hint}
       id="autocomplete-search"
+      aria-label='Search with autocomplete'
     />
   );
 
@@ -401,6 +402,7 @@ AdvancedComposableSearchInput = () => {
       onSearch={onSubmit}
       ref={searchInputRef}
       id="custom-advanced-search"
+      aria-label='Composable advanced search'
     />
   );
 

package/src/demos/examples/Card/CardDetails.tsx

@@ -23,7 +23,7 @@ export const CardDetailsDemo: React.FunctionComponent = () => (
         </Title>
       </CardTitle>
       <CardBody>
-        <DescriptionList>
+        <DescriptionList aria-label="Cluster details for API1">
           <DescriptionListGroup>
             <DescriptionListTerm>Cluster API Address</DescriptionListTerm>
             <DescriptionListDescription>
@@ -60,7 +60,7 @@ export const CardDetailsDemo: React.FunctionComponent = () => (
         </Title>
       </CardTitle>
       <CardBody>
-        <DescriptionList>
+        <DescriptionList aria-label="Cluster details for API2">
           <DescriptionListGroup>
             <DescriptionListTerm>Cluster API Address</DescriptionListTerm>
             <DescriptionListDescription>

package/src/demos/examples/Card/CardEventsView.tsx

@@ -72,7 +72,7 @@ export const CardEventsView: React.FunctionComponent = () => {
             </CardTitle>
           </CardHeader>
           <CardBody>
-            <DescriptionList>
+            <DescriptionList aria-label="Events view">
               <DescriptionListGroup>
                 <DescriptionListTerm>
                   <Flex flexWrap={{ default: 'nowrap' }}>

package/src/demos/examples/Card/CardLogView.tsx

@@ -71,7 +71,7 @@ export const CardLogView: React.FunctionComponent = () => {
             </CardTitle>
           </CardHeader>
           <CardBody>
-            <DescriptionList>
+            <DescriptionList aria-label="Activity logs">
               <DescriptionListGroup>
                 <DescriptionListTerm>Readiness probe failed</DescriptionListTerm>
                 <DescriptionListDescription>

package/src/demos/examples/Card/CardStatusTabbed.tsx

@@ -68,8 +68,8 @@ export const CardStatusTabbed: React.FunctionComponent = () => {
     setActiveTabKey(Number(tabIndex));
   };
 
-  const tabContent = (
-    <DescriptionList isHorizontal columnModifier={{ lg: '2Col' }}>
+  const tabContent = (tabIndex: number) => (
+    <DescriptionList isHorizontal columnModifier={{ lg: '2Col' }} aria-label={`Object ${tabIndex + 1} status`}>
       {descriptionListData.map(({ status, resourceName, detail, icon }, index) => (
         <DescriptionListGroup key={index}>
           <DescriptionListTerm>
@@ -120,7 +120,7 @@ export const CardStatusTabbed: React.FunctionComponent = () => {
               activeKey={activeTabKey}
               hidden={tabIndex !== activeTabKey}
             >
-              {tabContent}
+              {tabContent(tabIndex)}
             </TabContent>
           ))}
         </CardBody>

package/src/components/List/__tests__/Generated/ListItem.test.tsx

@@ -1,12 +0,0 @@
-/**
- * This test was generated
- */
-import { render } from '@testing-library/react';
-import { ListItem } from '../../ListItem';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('ListItem should match snapshot (auto-generated)', () => {
-  const { asFragment } = render(<ListItem children={<>ReactNode</>} />);
-  expect(asFragment()).toMatchSnapshot();
-});

package/src/components/List/__tests__/Generated/__snapshots__/ListItem.test.tsx.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ListItem should match snapshot (auto-generated) 1`] = `
-<DocumentFragment>
-  <li
-    class=""
-  >
-    <span>
-      ReactNode
-    </span>
-  </li>
-</DocumentFragment>
-`;