Fixed 96 lint errors found in pipeline during yarn lint:ci

Author: ricksmith130

.eslintignore

@@ -9,6 +9,14 @@ import storybook from 'eslint-plugin-storybook';
 import globals from 'globals';
 
 export default [
+	{
+		ignores: [
+			'jest.config.js',
+			'.eslintrc.js',
+			'rollup.config.mjs',
+			'dist/'
+		]
+	},
 	js.configs.recommended,
 	{
 		files: ['src/**/*.{js,ts,tsx}', 'stories/**/*.{js,ts,tsx}'],

eslint.config.js

@@ -5,14 +5,14 @@ interface DetailsProps extends HTMLProps<HTMLDetailsElement> {
   expander?: boolean;
 }
 
-interface Details extends FC<DetailsProps> {
+interface DetailsComponent extends FC<DetailsProps> {
   Summary: FC<HTMLProps<HTMLDivElement>>;
   Text: FC<HTMLProps<HTMLDivElement>>;
   ExpanderGroup: FC<HTMLProps<HTMLDivElement>>;
 }
 
 // TODO: Check if standard NHS.UK polyfill "details.polyfill.js" is required
-const Details: Details = ({ className, expander, ...rest }) => (
+const Details: DetailsComponent = ({ className, expander, ...rest }) => (
   <details
     className={classNames('nhsuk-details', { 'nhsuk-expander': expander }, className)}
     {...rest}

src/components/content-presentation/details/Details.tsx

@@ -12,13 +12,13 @@ interface DoAndDontListProps extends HTMLProps<HTMLDivElement> {
   headingLevel?: HeadingLevelType;
 }
 
-interface DoAndDontList extends FC<DoAndDontListProps> {
+interface DoAndDontListComponent extends FC<DoAndDontListProps> {
   Item: FC<DoAndDontItemProps>;
 }
 
 const DoAndDontListContext = createContext<ListType>('do');
 
-const DoAndDontList: DoAndDontList = ({
+const DoAndDontList: DoAndDontListComponent = ({
   className,
   listType,
   children,

src/components/content-presentation/do-and-dont-list/DoAndDontList.tsx

@@ -49,12 +49,12 @@ interface HeroProps extends HTMLProps<HTMLDivElement> {
   imageSrc?: string;
 }
 
-interface Hero extends FC<HeroProps> {
+interface HeroComponent extends FC<HeroProps> {
   Heading: FC<HeroHeadingProps>;
   Text: FC<HTMLProps<HTMLParagraphElement>>;
 }
 
-const Hero: Hero = ({ className, children, imageSrc, ...rest }) => (
+const Hero: HeroComponent = ({ className, children, imageSrc, ...rest }) => (
   <section
     className={classNames(
       'nhsuk-hero',

src/components/content-presentation/hero/Hero.tsx

@@ -10,7 +10,6 @@ interface ImageProps extends HTMLProps<HTMLImageElement> {
 
 const Images: FC<ImageProps> = ({ className, caption, ...rest }) => (
   <figure className="nhsuk-image">
-    {/* eslint-disable-next-line jsx-a11y/alt-text */}
     <img className={classNames('nhsuk-image__img', className)} {...rest} />
     {caption ? <figcaption className="nhsuk-image__caption">{caption}</figcaption> : null}
   </figure>

src/components/content-presentation/images/Images.tsx

@@ -21,14 +21,14 @@ interface SummaryListProps extends HTMLProps<HTMLDListElement> {
   noBorder?: boolean;
 }
 
-interface SummaryList extends FC<SummaryListProps> {
+interface SummaryListComponent extends FC<SummaryListProps> {
   Row: FC<HTMLProps<HTMLDivElement>>;
   Key: FC<HTMLProps<HTMLDListElement>>;
   Value: FC<HTMLProps<HTMLDListElement>>;
   Actions: FC<HTMLProps<HTMLDListElement>>;
 }
 
-const SummaryList: SummaryList = ({ className, noBorder, ...rest }) => (
+const SummaryList: SummaryListComponent = ({ className, noBorder, ...rest }) => (
   <dl
     className={classNames(
       'nhsuk-summary-list',

src/components/content-presentation/summary-list/SummaryList.tsx

@@ -15,7 +15,7 @@ interface TableProps extends HTMLProps<HTMLTableElement> {
   captionProps?: ComponentProps<typeof TableCaption>;
 }
 
-interface Table extends FC<TableProps> {
+interface TableComponent extends FC<TableProps> {
   Body: FC<HTMLProps<HTMLTableSectionElement>>;
   Cell: FC<TableCellProps>;
   Container: FC<HTMLProps<HTMLDivElement>>;
@@ -24,7 +24,7 @@ interface Table extends FC<TableProps> {
   Row: FC<HTMLProps<HTMLTableRowElement>>;
 }
 
-const Table = ({
+const Table: TableComponent = ({
   caption,
   captionProps,
   children,

src/components/content-presentation/table/Table.tsx

@@ -7,7 +7,6 @@ export interface ITableContext {
 }
 
 const TableContext = createContext<ITableContext>({
-  /* eslint-disable @typescript-eslint/no-empty-function */
   isResponsive: false,
   headings: [],
   setHeadings: () => {},

src/components/content-presentation/table/TableContext.ts

@@ -26,9 +26,7 @@ describe('Table.Cell', () => {
       </table>,
     );
 
-    // eslint-disable-next-line no-console
     expect(console.warn).toHaveBeenCalledTimes(1);
-    // eslint-disable-next-line no-console
     expect(console.warn).toHaveBeenLastCalledWith(
       'Table.Cell used outside of a Table.Head or Table.Body component. Unable to determine section type from context.',
     );