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 }
     ]}
   />
 );