Fix ESLint issues

Author: colinrotherham

.storybook/manager.ts

@@ -9,7 +9,7 @@ const sentenceCase = (string) => {
 
 addons.setConfig({
   sidebar: {
-    renderLabel: ({ name, type }) => sentenceCase(name),
+    renderLabel: ({ name }) => sentenceCase(name),
   },
   theme: nhsTheme,
 });

.storybook/preview.ts

@@ -19,4 +19,5 @@ const preview: Preview = {
     },
   },
 };
+
 export default preview;

.storybook/theme.ts

@@ -1,5 +1,5 @@
 import { create } from '@storybook/theming/create';
-const version = require('../package.json').version;
+import packageJson from '../package.json' with { type: 'json' };
 
 export default create({
   base: 'light',
@@ -31,6 +31,6 @@ export default create({
   inputTextColor: '#212b32',
   inputBorderRadius: 4,
 
-  brandTitle: `NHS.UK React Components (v${version})`,
+  brandTitle: `NHS.UK React Components (v${packageJson.version})`,
   brandUrl: 'https://github.com/NHSDigital/nhsuk-react-components',
 });

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

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

src/components/content-presentation/table/components/__tests__/TableCell.test.tsx

@@ -30,9 +30,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.',
     );

src/components/form-elements/checkboxes/CheckboxesContext.ts

@@ -8,7 +8,6 @@ export interface ICheckboxesContext {
 }
 
 export const CheckboxesContext = createContext<ICheckboxesContext>({
-  /* eslint-disable @typescript-eslint/no-empty-function */
   name: '',
   getBoxId: () => undefined,
   leaseReference: () => '',

src/components/form-elements/date-input/DateInput.tsx

@@ -95,7 +95,6 @@ const DateInputComponent = forwardRef<HTMLDivElement, DateInputProps>(
         inputType="dateinput"
         {...rest}
       >
-        {/* eslint-disable-next-line @typescript-eslint/no-unused-vars */}
         {({ className, name, id, error, ...restRenderProps }) => {
           const contextValue: IDateInputContext = {
             id,

src/components/form-elements/date-input/DateInputContext.ts

@@ -10,7 +10,6 @@ export type IDateInputContext = {
 };
 
 export const DateInputContext = createContext<IDateInputContext>({
-  /* eslint-disable @typescript-eslint/no-empty-function */
   id: '',
   name: '',
   handleChange: () => {},

src/components/form-elements/radios/RadiosContext.ts

@@ -10,7 +10,6 @@ export type IRadiosContext = {
 };
 
 export const RadiosContext = createContext<IRadiosContext>({
-  /* eslint-disable @typescript-eslint/no-empty-function */
   name: '',
   selectedRadio: '',
   getRadioId: () => '',

src/components/navigation/card/components/CardGroupItem.tsx

@@ -1,8 +1,8 @@
 import classNames from 'classnames';
-import React from 'react';
-import { Col } from '#components/layout';
+import React, { type FC } from 'react';
+import { Col, type ColProps } from '#components/layout';
 
-export const CardGroupItem: typeof Col = ({ className, ...rest }) => (
+export const CardGroupItem: FC<ColProps> = ({ className, ...rest }) => (
   <Col className={classNames('nhsuk-card-group__item', className)} {...rest} />
 );