Responsive Table

Author: Tomdango

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nhsuk-react-components",
-  "version": "1.2.8",
+  "version": "2.0.0-test.1",
   "author": {
     "email": "[email protected]",
     "name": "Thomas Judd-Cooper",
@@ -83,7 +83,7 @@
     "test": "jest",
     "test:ci": "jest --coverage",
     "test:watch": "jest --watch",
-    "lint": "eslint --fix -c .eslintrc.js --ext .ts --ext .tsx src/*.ts src/components/**/*.ts src/util/*.ts",
+    "lint": "eslint --fix -c .eslintrc.js --ext .ts --ext .tsx src/*.ts src/components/**/*.ts src/components/**/*.tsx src/util/*.ts src/util/*.tsx",
     "prebuild": "yarn lint && yarn test --coverage",
     "build-storybook": "build-storybook",
     "prepare": "yarn build"

src/components/back-link/BackLink.tsx

@@ -3,17 +3,17 @@ import classNames from 'classnames';
 import { ChevronLeft } from '../icons';
 import type { AsElementLink } from '../../util/types/LinkTypes';
 
-const BackLink: React.FC<AsElementLink<HTMLAnchorElement>> = ({ 
-  children, 
-  className, 
+const BackLink: React.FC<AsElementLink<HTMLAnchorElement>> = ({
+  children,
+  className,
   asElement: Component = 'a',
   ...rest }) => (
-  <div className="nhsuk-back-link">
-    <Component className={classNames('nhsuk-back-link__link', className)} {...rest}>
-      <ChevronLeft />
-      {children}
-    </Component>
-  </div>
+    <div className="nhsuk-back-link">
+      <Component className={classNames('nhsuk-back-link__link', className)} {...rest}>
+        <ChevronLeft />
+        {children}
+      </Component>
+    </div>
 );
 
 export default BackLink;

src/components/breadcrumb/Breadcrumb.tsx

@@ -6,7 +6,7 @@ import type { AsElementLink } from '../../util/types/LinkTypes';
 
 type Item = React.FC<AsElementLink<HTMLAnchorElement>>;
 
-const Item: Item = ({ className, children, asElement: Component = 'a',  ...rest }) => (
+const Item: Item = ({ className, children, asElement: Component = 'a', ...rest }) => (
   <li className="nhsuk-breadcrumb__item">
     <Component className={classNames('nhsuk-breadcrumb__link', className)} {...rest}>
       {children}

src/components/button/Button.tsx

@@ -18,7 +18,6 @@ interface ButtonLinkProps extends HTMLProps<HTMLAnchorElement> {
 
 export const Button: React.FC<ButtonProps> = ({
   className,
-  type,
   disabled,
   secondary,
   reverse,
@@ -35,7 +34,6 @@ export const Button: React.FC<ButtonProps> = ({
     )}
     disabled={disabled}
     aria-disabled={disabled ? 'true' : 'false'}
-    type={type}
     {...rest}
   />
 );

src/components/checkboxes/Checkboxes.tsx

@@ -15,6 +15,8 @@ type CheckboxesState = {
 };
 
 class Checkboxes extends PureComponent<CheckboxesProps, CheckboxesState> {
+  static Box = Box;
+
   private boxCount: number = 0;
 
   private boxReferences: Array<string> = [];
@@ -75,8 +77,6 @@ class Checkboxes extends PureComponent<CheckboxesProps, CheckboxesState> {
     this.boxIds = {};
   };
 
-  static Box = Box;
-
   render() {
     const { children, ...rest } = this.props;
     return (

src/components/date-input/DateInput.tsx

@@ -17,7 +17,7 @@ type DateInputChangeEvent = ChangeEvent<HTMLInputElement> & {
 
 interface DateInputProps
   extends Omit<HTMLProps<HTMLDivElement>, 'value' | 'defaultValue'>,
-    FormElementProps {
+  FormElementProps {
   autoSelectNext?: boolean;
   value?: Partial<DateInputValue>;
   defaultValue?: Partial<DateInputValue>;

src/components/fieldset/Fieldset.tsx

@@ -50,6 +50,8 @@ interface FieldsetProps extends HTMLProps<HTMLFieldSetElement> {
 type FieldsetState = { registeredComponents: Array<string>; erroredComponents: Array<string> };
 
 class Fieldset extends PureComponent<FieldsetProps, FieldsetState> {
+  static Legend = Legend;
+
   constructor(props: FieldsetProps) {
     super(props);
     this.state = {
@@ -92,8 +94,6 @@ class Fieldset extends PureComponent<FieldsetProps, FieldsetState> {
     });
   };
 
-  static Legend = Legend;
-
   render() {
     const { className, disableErrorLine, ...rest } = this.props;
     const contextValue: IFieldsetContext = {

src/components/images/Images.tsx

@@ -10,6 +10,7 @@ interface ImageProps extends HTMLProps<HTMLImageElement> {
 
 const Images: React.FC<ImageProps> = ({ className, src, 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/label/Label.tsx

@@ -9,6 +9,7 @@ export interface LabelProps extends Omit<HTMLProps<HTMLLabelElement>, 'size'> {
 }
 
 const BaseLabel: React.FC<LabelProps> = ({ className, bold, size, isPageHeading, ...rest }) => (
+  // eslint-disable-next-line jsx-a11y/label-has-associated-control
   <label
     className={classNames(
       'nhsuk-label',

src/components/list-panel/ListPanel.tsx

@@ -2,7 +2,6 @@ import React, { HTMLProps } from 'react';
 import classNames from 'classnames';
 import type { AsElementLink } from '../../util/types/LinkTypes';
 
-
 interface PanelProps extends HTMLProps<HTMLDivElement> {
   labelProps?: HTMLProps<HTMLHeadingElement>;
   backToTop?: boolean;