@patternfly/react-core 5.2.0-prerelease.27 → 5.2.0-prerelease.29

package/src/demos/examples/Nav/NavHorizontal.tsx

@@ -222,7 +222,7 @@ export const NavHorizontal: React.FunctionComponent = () => {
         </PageSection>
         <PageSection>
           <Gallery hasGutter>
-            {Array.from({ length: 10 }, (_value: any, index: React.Key) => (
+            {Array.from({ length: 10 }).map((_value, index) => (
               <GalleryItem key={index}>
                 <Card>
                   <CardBody>This is a card</CardBody>

package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx

@@ -282,7 +282,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => {
         </PageSection>
         <PageSection>
           <Gallery hasGutter>
-            {Array.from({ length: 10 }, (_value: any, index: React.Key) => (
+            {Array.from({ length: 10 }).map((_value, index) => (
               <GalleryItem key={index}>
                 <Card>
                   <CardBody>This is a card</CardBody>

package/src/demos/examples/Nav/NavManual.tsx

@@ -258,7 +258,7 @@ export const NavManual: React.FunctionComponent = () => {
         </PageSection>
         <PageSection>
           <Gallery hasGutter>
-            {Array.from({ length: 10 }, (_value: any, index: React.Key) => (
+            {Array.from({ length: 10 }).map((_value, index) => (
               <GalleryItem key={index}>
                 <Card>
                   <CardBody>This is a card</CardBody>

package/src/demos/examples/Nav/NavWithSubnav.tsx

@@ -127,7 +127,7 @@ export const NavWithSubnav: React.FunctionComponent = () => {
         </PageSection>
         <PageSection>
           <Gallery hasGutter>
-            {Array.from({ length: 10 }, (_value: any, index: React.Key) => (
+            {Array.from({ length: 10 }).map((_value, index) => (
               <GalleryItem key={index}>
                 <Card>
                   <CardBody>This is a card</CardBody>

package/src/demos/examples/Nav/deprecated/NavLight.tsx

@@ -81,7 +81,7 @@ export const NavLight: React.FunctionComponent = () => {
         </PageSection>
         <PageSection>
           <Gallery hasGutter>
-            {Array.from({ length: 10 }, (_value: any, index: React.Key) => (
+            {Array.from({ length: 10 }).map((_value, index) => (
               <GalleryItem key={index}>
                 <Card>
                   <CardBody>This is a card</CardBody>

package/src/demos/examples/Nav/deprecated/NavTertiary.tsx

@@ -77,7 +77,7 @@ export const NavTertiary: React.FunctionComponent = () => {
         </PageSection>
         <PageSection>
           <Gallery hasGutter>
-            {Array.from({ length: 10 }, (_value: any, index: React.Key) => (
+            {Array.from({ length: 10 }).map((_value, index) => (
               <GalleryItem key={index}>
                 <Card>
                   <CardBody>This is a card</CardBody>

package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx

@@ -278,8 +278,8 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
       </PageSection>
       <PageSection isWidthLimited>
         <Gallery hasGutter>
-          {Array.apply(0, Array(50)).map((_x, i) => (
-            <GalleryItem key={i}>
+          {Array.from({ length: 50 }).map((_value, index) => (
+            <GalleryItem key={index}>
               <Card>
                 <CardBody>This is a card</CardBody>
               </Card>

package/src/demos/examples/Page/PageStickySectionGroup.tsx

@@ -279,8 +279,8 @@ export const PageStickySectionGroup: React.FunctionComponent = () => {
     >
       <PageSection>
         <Gallery hasGutter>
-          {Array.apply(0, Array(50)).map((x, i) => (
-            <GalleryItem key={i}>
+          {Array.from({ length: 50 }).map((_value, index) => (
+            <GalleryItem key={index}>
               <Card>
                 <CardBody>This is a card</CardBody>
               </Card>

package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx

@@ -275,8 +275,8 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => {
       </PageGroup>
       <PageSection>
         <Gallery hasGutter>
-          {Array.apply(0, Array(50)).map((x, i) => (
-            <GalleryItem key={i}>
+          {Array.from({ length: 50 }).map((_value, index) => (
+            <GalleryItem key={index}>
               <Card>
                 <CardBody>This is a card</CardBody>
               </Card>

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

@@ -18,8 +18,8 @@ export const WizardInModalDemo: React.FunctionComponent = () => (
     <DashboardWrapper hasPageTemplateTitle>
       <PageSection isWidthLimited>
         <Gallery hasGutter>
-          {Array.from({ length: 10 }).map((_, i) => (
-            <GalleryItem key={i}>
+          {Array.from({ length: 10 }).map((_value, index) => (
+            <GalleryItem key={index}>
               <Card>
                 <CardBody>This is a card</CardBody>
               </Card>

package/src/deprecated/components/ContextSelector/__tests__/ContextSelectorToggle.test.tsx

@@ -24,7 +24,7 @@ describe('ContextSelectorToggle', () => {
 
   test('Verify ESC press', async () => {
     const user = userEvent.setup();
-    
+
     const { asFragment } = render(<ContextSelectorToggle isOpen id="toggle-id" />);
 
     await user.type(screen.getByRole('button'), `{${KeyTypes.Escape}}`);
@@ -33,7 +33,7 @@ describe('ContextSelectorToggle', () => {
 
   test('Verify ESC press with not isOpen', async () => {
     const user = userEvent.setup();
-    
+
     const { asFragment } = render(<ContextSelectorToggle onToggle={jest.fn()} id="toggle-id" />);
 
     await user.type(screen.getByRole('button'), `{${KeyTypes.Escape}}`);
@@ -42,7 +42,7 @@ describe('ContextSelectorToggle', () => {
 
   test('Verify keydown tab ', async () => {
     const user = userEvent.setup();
-    
+
     const { asFragment } = render(<ContextSelectorToggle isOpen id="toggle-id" />);
 
     await user.type(screen.getByRole('button'), `{${KeyTypes.Tab}}`);
@@ -51,7 +51,7 @@ describe('ContextSelectorToggle', () => {
 
   test('Verify keydown enter ', async () => {
     const user = userEvent.setup();
-    
+
     const { asFragment } = render(<ContextSelectorToggle onToggle={jest.fn()} onEnter={jest.fn()} id="toggle-id" />);
 
     await user.type(screen.getByRole('button'), `{${KeyTypes.Enter}}`);

package/src/deprecated/components/Dropdown/__tests__/DropdownToggle.test.tsx

@@ -187,7 +187,7 @@ describe('DropdownToggle', () => {
     });
 
     test('action split button - renders secondary variant', () => {
-      const { asFragment } = render(
+      render(
         <DropdownToggle
           id="Dropdown Toggle"
           toggleVariant="secondary"

package/src/deprecated/components/Select/__tests__/Select.test.tsx

@@ -123,7 +123,7 @@ describe('Select', () => {
 
   describe('custom select filter', () => {
     test('filters properly', async () => {
-      const customFilter = (e: React.ChangeEvent<HTMLInputElement>, value: string) => {
+      const customFilter = (e: React.ChangeEvent<HTMLInputElement>, _value: string) => {
         let input: RegExp;
         try {
           input = new RegExp(e.target.value, 'i');

package/src/deprecated/components/Wizard/__tests__/Wizard.test.tsx

@@ -29,7 +29,7 @@ describe('Wizard', () => {
       { name: 'C', id: 'step-C', component: <p>Step 4</p> },
       { name: 'D', id: 'step-D', component: <p>Step 5</p> }
     ];
-    const onBack: WizardStepFunctionType = step => {
+    const onBack: WizardStepFunctionType = (step) => {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const name = { step };
     };
@@ -62,7 +62,7 @@ describe('Wizard', () => {
       { name: 'C', component: <p>Step 4</p> },
       { name: 'D', component: <p>Step 5</p> }
     ];
-    const onBack: WizardStepFunctionType = step => {
+    const onBack: WizardStepFunctionType = (step) => {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const name = { step };
     };
@@ -289,7 +289,7 @@ test('startAtStep can be used to externally control the current step of the wiza
     const [step, setStep] = React.useState(1);
 
     const incrementStep = () => {
-      setStep(prevStep => prevStep + 1);
+      setStep((prevStep) => prevStep + 1);
     };
 
     const steps: WizardStep[] = [

package/src/helpers/GenerateId/__tests__/GenerateId.test.tsx

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
 import { GenerateId } from '../GenerateId';
 
 test('generates id', () => {
-  const { asFragment } = render(<GenerateId>{id => <div id={id}>div with random ID</div>}</GenerateId>);
+  const { asFragment } = render(<GenerateId>{(id) => <div id={id}>div with random ID</div>}</GenerateId>);
 
   expect(asFragment()).toMatchSnapshot();
 });

package/src/helpers/OUIA/__mocks__/ouia.ts

@@ -0,0 +1,6 @@
+import { OUIAProps } from '../../index';
+
+export const useOUIAProps = () => ({});
+export const getOUIAProps = () => ({});
+export const getDefaultOUIAId = () => '';
+export { OUIAProps };

package/src/helpers/__mocks__/index.ts

@@ -0,0 +1,2 @@
+export * from '../OUIA/__mocks__/ouia';
+export * from './util';

package/src/helpers/__tests__/fileUtils.test.ts

@@ -3,15 +3,12 @@ import { readFile, fileReaderType } from '../fileUtils';
 describe('readFile', () => {
   const file = new File(['File contents here'], 'testfile.txt');
 
-  test('text file', () => {
-    return expect(readFile(file, fileReaderType.text)).resolves.toBe('File contents here');
-  });
+  test('text file', () => expect(readFile(file, fileReaderType.text)).resolves.toBe('File contents here'));
 
-  test('dataURL file', () => {
-    return expect(readFile(file, fileReaderType.dataURL)).resolves.toBe('data:application/octet-stream;base64,RmlsZSBjb250ZW50cyBoZXJl');
-  });
+  test('dataURL file', () =>
+    expect(readFile(file, fileReaderType.dataURL)).resolves.toBe(
+      'data:application/octet-stream;base64,RmlsZSBjb250ZW50cyBoZXJl'
+    ));
 
-  test('rejects on unknown type', () => {
-    return expect(readFile(file, 'foo' as fileReaderType)).rejects.toBe('unknown type');
-  });
+  test('rejects on unknown type', () => expect(readFile(file, 'foo' as fileReaderType)).rejects.toBe('unknown type'));
 });

package/src/helpers/__tests__/util.test.ts

@@ -14,7 +14,7 @@ import styles from '@patternfly/react-styles/css/layouts/Flex/flex';
 const createMockHtmlElement = (bounds: Partial<DOMRect>) =>
   ({
     getBoundingClientRect: () => bounds
-  } as HTMLElement);
+  }) as HTMLElement;
 
 test('capitalize', () => {
   expect(capitalize('foo')).toBe('Foo');

package/src/layouts/Bullseye/__tests__/Bullseye.test.tsx

@@ -23,7 +23,7 @@ describe('Bullseye', () => {
   test('allows passing in a React Component as the component', () => {
     const Component: React.FunctionComponent = () => <div>Some text</div>;
 
-    render(<Bullseye component={(Component as unknown) as keyof JSX.IntrinsicElements} />);
+    render(<Bullseye component={Component as unknown as keyof JSX.IntrinsicElements} />);
     expect(screen.getByText('Some text')).toBeInTheDocument();
   });
 });

package/src/layouts/Grid/__tests__/GridItem.test.tsx

@@ -18,7 +18,7 @@ test('adds row class', () => {
   expect(asFragment()).toMatchSnapshot();
 });
 
-Object.keys(DeviceSizes).forEach(size => {
+Object.keys(DeviceSizes).forEach((size) => {
   test(`adds ${size} span class`, () => {
     const props = { [size]: 4 };
     const { asFragment } = render(<GridItem {...props} />);