Fix linting issues

Author: Tomdango

src/components/checkboxes/Checkboxes.tsx

@@ -81,9 +81,13 @@ class Checkboxes extends PureComponent<CheckboxesProps, CheckboxesState> {
     const { children, ...rest } = this.props;
     return (
       <FormGroup<CheckboxesProps> inputType="checkboxes" {...rest}>
-        {/* eslint-disable-next-line @typescript-eslint/no-unused-vars */}
         {({
-          className, name, id, idPrefix, ...restRenderProps
+          className,
+          name,
+          id,
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
+          idPrefix,
+          ...restRenderProps
         }) => {
           this.resetBoxIds();
           const containsConditional = this.state.conditionalBoxes.length > 0;

src/components/date-input/DateInput.tsx

@@ -18,7 +18,7 @@ type DateInputChangeEvent = ChangeEvent<HTMLInputElement> & {
 
 interface DateInputProps
   extends Omit<HTMLProps<HTMLDivElement>, 'value' | 'defaultValue'>,
-  FormElementProps {
+    FormElementProps {
   autoSelectNext?: boolean;
   value?: Partial<DateInputValue>;
   defaultValue?: Partial<DateInputValue>;
@@ -118,17 +118,19 @@ class DateInput extends PureComponent<DateInputProps, DateInputState> {
   };
 
   render(): JSX.Element {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
-      children, onChange, value, defaultValue, ...rest
+      children,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      onChange,
+      value,
+      defaultValue,
+      ...rest
     } = this.props;
 
     return (
       <FormGroup<Omit<DateInputProps, 'value' | 'defaultValue'>> inputType="dateinput" {...rest}>
         {/* eslint-disable-next-line @typescript-eslint/no-unused-vars */}
-        {({
-          className, name, id, error, autoSelectNext, ...restRenderProps
-        }) => {
+        {({ className, name, id, error, autoSelectNext, ...restRenderProps }) => {
           const contextValue: IDateInputContext = {
             id,
             name,

src/components/radios/Radios.tsx

@@ -24,6 +24,10 @@ class Radios extends PureComponent<RadiosProps, RadiosState> {
 
   private radioIds: Record<string, string> = {};
 
+  static Divider = Divider;
+
+  static Radio = Radio;
+
   static defaultProps = {
     role: 'radiogroup',
   };
@@ -89,14 +93,12 @@ class Radios extends PureComponent<RadiosProps, RadiosState> {
     this.radioIds = {};
   };
 
-  render() {
+  render(): JSX.Element {
     const { children, ...rest } = this.props;
     return (
       <FormGroup<RadiosProps> inputType="radios" {...rest}>
         {/* eslint-disable-next-line @typescript-eslint/no-unused-vars */}
-        {({
-          className, inline, name, id, error, ...restRenderProps
-        }) => {
+        {({ className, inline, name, id, error, ...restRenderProps }) => {
           this.resetRadioIds();
           const contextValue: IRadiosContext = {
             getRadioId: (reference) => this.getRadioId(id, reference),

src/components/skip-link/SkipLink.tsx

@@ -85,9 +85,13 @@ class SkipLink extends React.Component<SkipLinkProps> {
   };
 
   render(): JSX.Element {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
-      className, focusTargetRef, disableDefaultBehaviour, href, ...rest
+      className,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      focusTargetRef,
+      disableDefaultBehaviour,
+      href,
+      ...rest
     } = this.props;
     return (
       <a

src/components/table/Table.tsx

@@ -43,7 +43,7 @@ class Table extends React.PureComponent<TableProps, TableState> {
     };
   }
 
-  setHeadings = (headings: string[]) => {
+  setHeadings = (headings: string[]): void => {
     const isEqual = headings.reduce(
       (prevValue, heading, index) => prevValue && heading === this.state.headings[index],
       true,
@@ -52,7 +52,7 @@ class Table extends React.PureComponent<TableProps, TableState> {
     if (!isEqual) this.setState({ headings });
   };
 
-  render() {
+  render(): JSX.Element {
     const { className, responsive, children, caption, captionProps, ...rest } = this.props;
 
     const contextValue: ITableContext = {

src/components/table/TableContext.ts

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

src/util/hooks/UseDevWarning.tsx

@@ -3,7 +3,7 @@ import isDev from '../IsDev';
 
 type ConditionFn = () => boolean;
 
-const useDevWarning = (warning: string, condition: ConditionFn = () => true) => {
+const useDevWarning = (warning: string, condition: ConditionFn = () => true): void => {
   useEffect(() => {
     if (isDev() && condition()) {
       // eslint-disable-next-line no-console

stories/Table.stories.tsx

@@ -53,7 +53,7 @@ export const TablePanel = (): JSX.Element => (
   </Table.Panel>
 );
 
-export const ResponsiveTable = () => (
+export const ResponsiveTable = (): JSX.Element => (
   <Table responsive caption="Ibuprofen syrup dosages for children">
     <Table.Head role="rowgroup">
       <Table.Row>