Fix lint errors

Author: rebeccaalpert

cypress/component/BulkSelect.cy.tsx

@@ -9,16 +9,16 @@ const BulkSelectTestComponent = ({
   canSelectAll,
   isDataPaginated
 }: Omit<BulkSelectProps, 'onSelect' | 'selectedCount'>) => {
-  const [selected, setSelected] = useState<DataItem[]>([]);
+  const [ selected, setSelected ] = useState<DataItem[]>([]);
 
-  const allData = [{ name: '1' }, { name: '2' }, { name: '3' }, { name: '4' }, { name: '5' }, { name: '6' }];
-  const pageData = [{ name: '1' }, { name: '2' }, { name: '3' }, { name: '4' }, { name: '5' }];
+  const allData = [ { name: '1' }, { name: '2' }, { name: '3' }, { name: '4' }, { name: '5' }, { name: '6' } ];
+  const pageData = [ { name: '1' }, { name: '2' }, { name: '3' }, { name: '4' }, { name: '5' } ];
   const pageDataNames = pageData.map((item) => item.name);
   const pageSelected = pageDataNames.every((item) => selected.find((selectedItem) => selectedItem.name === item));
 
   const handleBulkSelect = (value: BulkSelectValue) => {
     if (value === BulkSelectValue.page) {
-      const updatedSelection = [...selected];
+      const updatedSelection = [ ...selected ];
       pageData.forEach(
         (item) =>
           !updatedSelection.some((selectedItem) => selectedItem.name === item.name) && updatedSelection.push(item)

packages/module/patternfly-docs/content/extensions/component-groups/examples/BulkSelect/BulkSelectAllExample.tsx

@@ -1,17 +1,17 @@
 import { FunctionComponent, useState } from 'react';
 import { BulkSelect, BulkSelectValue } from '@patternfly/react-component-groups/dist/dynamic/BulkSelect';
 
-const allData = ['Item 1', 'Item 2', 'Item 3', 'Item4', 'Item 5'];
-const pageData = ['Item 1', 'Item 2'];
+const allData = [ 'Item 1', 'Item 2', 'Item 3', 'Item4', 'Item 5' ];
+const pageData = [ 'Item 1', 'Item 2' ];
 
 export const BasicExample: FunctionComponent = () => {
-  const [selected, setSelected] = useState<string[]>(pageData);
+  const [ selected, setSelected ] = useState<string[]>(pageData);
 
   const handleBulkSelect = (value: BulkSelectValue) => {
     value === BulkSelectValue.none && setSelected([]);
     value === BulkSelectValue.all && setSelected(allData);
     value === BulkSelectValue.nonePage && setSelected(selected.filter((item) => !pageData.includes(item)));
-    value === BulkSelectValue.page && setSelected(Array.from(new Set([...selected, ...pageData])));
+    value === BulkSelectValue.page && setSelected(Array.from(new Set([ ...selected, ...pageData ])));
   };
 
   return (

packages/module/patternfly-docs/content/extensions/component-groups/examples/BulkSelect/BulkSelectExample.tsx

@@ -1,17 +1,17 @@
 import { FunctionComponent, useState } from 'react';
 import { BulkSelect, BulkSelectValue } from '@patternfly/react-component-groups/dist/dynamic/BulkSelect';
 
-const allData = ['Item 1', 'Item 2', 'Item 3', 'Item4', 'Item 5'];
-const pageData = ['Item 1', 'Item 2'];
+const allData = [ 'Item 1', 'Item 2', 'Item 3', 'Item4', 'Item 5' ];
+const pageData = [ 'Item 1', 'Item 2' ];
 
 export const BasicExample: FunctionComponent = () => {
-  const [selected, setSelected] = useState<string[]>([]);
+  const [ selected, setSelected ] = useState<string[]>([]);
 
   const handleBulkSelect = (value: BulkSelectValue) => {
     value === BulkSelectValue.none && setSelected([]);
     value === BulkSelectValue.all && setSelected(allData);
     value === BulkSelectValue.nonePage && setSelected(selected.filter((item) => !pageData.includes(item)));
-    value === BulkSelectValue.page && setSelected(Array.from(new Set([...selected, ...pageData])));
+    value === BulkSelectValue.page && setSelected(Array.from(new Set([ ...selected, ...pageData ])));
   };
 
   return (

packages/module/patternfly-docs/content/extensions/component-groups/examples/ColumnManagementModal/ColumnManagementModalExample.tsx

@@ -62,8 +62,8 @@ const ROWS = [
 ];
 
 export const ColumnManagementModalExample: FunctionComponent = () => {
-  const [columns, setColumns] = useState(DEFAULT_COLUMNS);
-  const [isOpen, setOpen] = useState(false);
+  const [ columns, setColumns ] = useState(DEFAULT_COLUMNS);
+  const [ isOpen, setOpen ] = useState(false);
 
   return (
     <>

packages/module/patternfly-docs/content/extensions/component-groups/examples/ErrorBoundary/ErrorBoundaryExample.tsx

@@ -3,7 +3,7 @@ import { Title, Button, Card, CardBody, CardFooter, CardHeader } from '@patternf
 import ErrorBoundary from '@patternfly/react-component-groups/dist/dynamic/ErrorBoundary';
 
 export const BasicExample: FunctionComponent = () => {
-  const [hasError, setHasError] = useState(false);
+  const [ hasError, setHasError ] = useState(false);
 
   const Surprise = () => {
     if (hasError) {

packages/module/patternfly-docs/content/extensions/component-groups/examples/MultiContentCard/MultiContentCardExpandableActionsExample.tsx

@@ -32,7 +32,7 @@ const useStyles = createUseStyles({
 
 export const BasicExample: FunctionComponent = () => {
   const classes = useStyles();
-  const [isMenuOpen, setMenuOpen] = useState(false);
+  const [ isMenuOpen, setMenuOpen ] = useState(false);
 
   const cards = [
     <Card isFullHeight isPlain key="card-1">

packages/module/patternfly-docs/content/extensions/component-groups/examples/PageHeader/PageHeaderActionsExample.tsx

@@ -12,7 +12,7 @@ import {
 import { EllipsisVIcon } from '@patternfly/react-icons';
 
 export const ActionsExample: FunctionComponent = () => {
-  const [isOpen, setIsOpen] = useState(false);
+  const [ isOpen, setIsOpen ] = useState(false);
 
   const onToggle = () => {
     setIsOpen(!isOpen);

packages/module/patternfly-docs/content/extensions/component-groups/examples/ResponsiveActions/ResponsiveActionsBreakpointExample.tsx

@@ -4,7 +4,7 @@ import { ResponsiveActions } from '@patternfly/react-component-groups/dist/dynam
 import { ResponsiveAction } from '@patternfly/react-component-groups/dist/dynamic/ResponsiveAction';
 
 export const ResponsiveActionsBreakpointExample: FunctionComponent = () => {
-  const [containerWidth, setContainerWidth] = useState(100);
+  const [ containerWidth, setContainerWidth ] = useState(100);
   const containerRef = useRef<HTMLDivElement>(null);
 
   const onChange = (_event: SliderOnChangeEvent, value: number) => {

packages/module/patternfly-docs/content/extensions/component-groups/examples/ShortcutGrid/ShortcutExample.tsx

@@ -2,5 +2,5 @@ import { FunctionComponent } from 'react';
 import Shortcut from '@patternfly/react-component-groups/dist/dynamic/Shortcut';
 
 export const BasicExample: FunctionComponent = () => (
-  <Shortcut description="Shortcut description" keys={['cmd', 'shift']} click />
+  <Shortcut description="Shortcut description" keys={[ 'cmd', 'shift' ]} click />
 );

packages/module/patternfly-docs/content/extensions/component-groups/examples/ShortcutGrid/ShortcutGridExample.tsx

@@ -4,9 +4,9 @@ import ShortcutGrid from '@patternfly/react-component-groups/dist/dynamic/Shortc
 export const BasicExample: FunctionComponent = () => (
   <ShortcutGrid
     shortcuts={[
-      { description: 'Open new tab', keys: ['cmd', 'shift', 't'] },
-      { description: 'Open new page', keys: ['opt', 'n'] },
-      { description: 'Move object', keys: ['ctrl'], drag: true }
+      { description: 'Open new tab', keys: [ 'cmd', 'shift', 't' ] },
+      { description: 'Open new page', keys: [ 'opt', 'n' ] },
+      { description: 'Move object', keys: [ 'ctrl' ], drag: true }
     ]}
   />
 );

packages/module/patternfly-docs/content/extensions/component-groups/examples/SkeletonTable/SkeletonTableCompactExample.tsx

@@ -3,5 +3,5 @@ import SkeletonTable from '@patternfly/react-component-groups/dist/dynamic/Skele
 import { TableVariant } from '@patternfly/react-table';
 
 export const SkeletonTableExample: FC = () => (
-  <SkeletonTable rowsCount={10} columns={['First', 'Second']} variant={TableVariant.compact} borders={false} />
+  <SkeletonTable rowsCount={10} columns={[ 'First', 'Second' ]} variant={TableVariant.compact} borders={false} />
 );

packages/module/patternfly-docs/content/extensions/component-groups/examples/SkeletonTable/SkeletonTableExample.tsx

@@ -1,4 +1,4 @@
 import { FC } from 'react';
 import SkeletonTable from '@patternfly/react-component-groups/dist/dynamic/SkeletonTable';
 
-export const SkeletonTableExample: FC = () => <SkeletonTable rowsCount={10} columns={['First', 'Second']} />;
+export const SkeletonTableExample: FC = () => <SkeletonTable rowsCount={10} columns={[ 'First', 'Second' ]} />;

packages/module/patternfly-docs/content/extensions/component-groups/examples/SkeletonTable/SkeletonTableExpandableExample.tsx

@@ -2,5 +2,5 @@ import { FC } from 'react';
 import SkeletonTable from '@patternfly/react-component-groups/dist/dynamic/SkeletonTable';
 
 export const SkeletonTableExample: FC = () => (
-  <SkeletonTable rowsCount={10} columns={['First', 'Second']} isExpandable />
+  <SkeletonTable rowsCount={10} columns={[ 'First', 'Second' ]} isExpandable />
 );

packages/module/patternfly-docs/content/extensions/component-groups/examples/SkeletonTable/SkeletonTableHeadExample.tsx

@@ -4,6 +4,6 @@ import SkeletonTableHead from '@patternfly/react-component-groups/dist/dynamic/S
 
 export const SkeletonTableHeadExample: FC = () => (
   <Table>
-    <SkeletonTableHead columns={['First', 'Second']} />
+    <SkeletonTableHead columns={[ 'First', 'Second' ]} />
   </Table>
 );

packages/module/patternfly-docs/content/extensions/component-groups/examples/SkeletonTable/SkeletonTableLoadingExample.tsx

@@ -12,7 +12,7 @@ interface Repository {
 }
 
 export const SkeletonTableExample: FC = () => {
-  const [isLoaded, setIsLoaded] = useState(false);
+  const [ isLoaded, setIsLoaded ] = useState(false);
 
   const loadData = () => {
     setIsLoaded(false);

packages/module/patternfly-docs/content/extensions/component-groups/examples/SkeletonTable/SkeletonTableSelectableExample.tsx

@@ -3,5 +3,5 @@ import SkeletonTable from '@patternfly/react-component-groups/dist/dynamic/Skele
 import { RowSelectVariant } from '@patternfly/react-table';
 
 export const SkeletonTableExample: FC = () => (
-  <SkeletonTable rowsCount={10} columns={['First', 'Second']} isSelectable selectVariant={RowSelectVariant.radio} />
+  <SkeletonTable rowsCount={10} columns={[ 'First', 'Second' ]} isSelectable selectVariant={RowSelectVariant.radio} />
 );

packages/module/patternfly-docs/content/extensions/component-groups/examples/WarningModal/WarningModalCheckboxExample.tsx

@@ -3,7 +3,7 @@ import WarningModal from '@patternfly/react-component-groups/dist/dynamic/Warnin
 import { Button, ButtonVariant } from '@patternfly/react-core';
 
 export const BasicExample: FunctionComponent = () => {
-  const [isOpen, setIsOpen] = useState(false);
+  const [ isOpen, setIsOpen ] = useState(false);
   return (
     <>
       <Button onClick={() => setIsOpen(true)}>Open modal</Button>

packages/module/patternfly-docs/content/extensions/component-groups/examples/WarningModal/WarningModalDangerExample.tsx

@@ -3,7 +3,7 @@ import WarningModal from '@patternfly/react-component-groups/dist/dynamic/Warnin
 import { Button, ButtonVariant } from '@patternfly/react-core';
 
 export const BasicExample: FunctionComponent = () => {
-  const [isOpen, setIsOpen] = useState(false);
+  const [ isOpen, setIsOpen ] = useState(false);
   return (
     <>
       <Button onClick={() => setIsOpen(true)}>Open modal</Button>

packages/module/patternfly-docs/content/extensions/component-groups/examples/WarningModal/WarningModalExample.tsx

@@ -3,7 +3,7 @@ import WarningModal from '@patternfly/react-component-groups/dist/dynamic/Warnin
 import { Button } from '@patternfly/react-core';
 
 export const BasicExample: FunctionComponent = () => {
-  const [isOpen, setIsOpen] = useState(false);
+  const [ isOpen, setIsOpen ] = useState(false);
   return (
     <>
       <Button onClick={() => setIsOpen(true)}>Open modal</Button>

packages/module/patternfly-docs/content/extensions/component-groups/examples/WarningModal/WarningModalTextConfirmationExample.tsx

@@ -3,7 +3,7 @@ import WarningModal from '@patternfly/react-component-groups/dist/dynamic/Warnin
 import { Button } from '@patternfly/react-core';
 
 export const BasicExample: FunctionComponent = () => {
-  const [isOpen, setIsOpen] = useState(false);
+  const [ isOpen, setIsOpen ] = useState(false);
   return (
     <>
       <Button onClick={() => setIsOpen(true)}>Open modal</Button>