chore: lint

Author: CyrilAdelekan

.husky/pre-commit

@@ -4,7 +4,7 @@
 npm run lint
 
 # Run format before commit
-npm run format
+npm run lint-fix
 
 # generate uml diagram before commit
 npm run uml

src/components/Accordion/Accordion.stories.tsx

@@ -15,9 +15,12 @@ let configured = false;
 const meta: Meta<typeof Accordion> = {
   title: "GOVUK Design System/Accordion",
   component: Accordion,
-  decorators: [(Story, { parameters }) => {
+  decorators: [
+    (Story, { parameters }) => {
       React.useEffect(() => {
-        const isDocsMode = window.location.search.includes("path=/docs/govuk-design-system-accordion--docs");
+        const isDocsMode = window.location.search.includes(
+          "path=/docs/govuk-design-system-accordion--docs",
+        );
         if (isDocsMode && !configured && parameters.initializeConfigurations) {
           ConfigureOverallAccordion();
           configured = true;
@@ -26,7 +29,8 @@ const meta: Meta<typeof Accordion> = {
         }
       }, []);
       return <Story />;
-    }],
+    },
+  ],
   tags: ["autodocs"],
 };
 
@@ -35,7 +39,8 @@ type Story = StoryObj<typeof Accordion>;
 
 // extractShownFixtures transforms raw govuk-frontend fixture data into
 // React-compatible props (e.g. text → children, classes → className).
-const examplesFromFixtures: Array<ComponentFixture> = extractShownFixtures(fixtures);
+const examplesFromFixtures: Array<ComponentFixture> =
+  extractShownFixtures(fixtures);
 
 export const Default: Story = {
   name: "default",
@@ -44,15 +49,27 @@ export const Default: Story = {
 
 export const WithAdditionalDescriptions: Story = {
   name: "with additional descriptions",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with additional descriptions")?.options },
+  args: {
+    ...examplesFromFixtures.find(
+      (f) => f.name === "with additional descriptions",
+    )?.options,
+  },
 };
 
 export const WithLongContentAndDescription: Story = {
   name: "with long content and description",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with long content and description")?.options },
+  args: {
+    ...examplesFromFixtures.find(
+      (f) => f.name === "with long content and description",
+    )?.options,
+  },
 };
 
 export const WithAllSectionsAlreadyOpen: Story = {
   name: "with all sections already open",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with all sections already open")?.options },
-};
+  args: {
+    ...examplesFromFixtures.find(
+      (f) => f.name === "with all sections already open",
+    )?.options,
+  },
+};

src/components/BackLink/BackLink.stories.tsx

@@ -12,9 +12,11 @@ import { ComponentFixture } from "../../dynamics";
 const meta: Meta<typeof BackLink> = {
   title: "GOVUK Design System/Back link",
   component: BackLink,
-  decorators: [(Story) => {
+  decorators: [
+    (Story) => {
       return <Story />;
-    }],
+    },
+  ],
   tags: ["autodocs"],
 };
 
@@ -23,7 +25,8 @@ type Story = StoryObj<typeof BackLink>;
 
 // extractShownFixtures transforms raw govuk-frontend fixture data into
 // React-compatible props (e.g. text → children, classes → className).
-const examplesFromFixtures: Array<ComponentFixture> = extractShownFixtures(fixtures);
+const examplesFromFixtures: Array<ComponentFixture> =
+  extractShownFixtures(fixtures);
 
 export const Default: Story = {
   name: "default",
@@ -33,4 +36,4 @@ export const Default: Story = {
 export const Inverse: Story = {
   name: "inverse",
   args: { ...examplesFromFixtures.find((f) => f.name === "inverse")?.options },
-};
+};

src/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -12,9 +12,11 @@ import { ComponentFixture } from "../../dynamics";
 const meta: Meta<typeof Breadcrumbs> = {
   title: "GOVUK Design System/Breadcrumbs",
   component: Breadcrumbs,
-  decorators: [(Story) => {
+  decorators: [
+    (Story) => {
       return <Story />;
-    }],
+    },
+  ],
   tags: ["autodocs"],
 };
 
@@ -23,7 +25,8 @@ type Story = StoryObj<typeof Breadcrumbs>;
 
 // extractShownFixtures transforms raw govuk-frontend fixture data into
 // React-compatible props (e.g. text → children, classes → className).
-const examplesFromFixtures: Array<ComponentFixture> = extractShownFixtures(fixtures);
+const examplesFromFixtures: Array<ComponentFixture> =
+  extractShownFixtures(fixtures);
 
 export const Default: Story = {
   name: "default",
@@ -32,25 +35,37 @@ export const Default: Story = {
 
 export const WithOneLevel: Story = {
   name: "with one level",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with one level")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with one level")?.options,
+  },
 };
 
 export const WithoutTheHomeSection: Story = {
   name: "without the home section",
-  args: { ...examplesFromFixtures.find((f) => f.name === "without the home section")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "without the home section")
+      ?.options,
+  },
 };
 
 export const WithLastBreadcrumbAsCurrentPage: Story = {
   name: "with last breadcrumb as current page",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with last breadcrumb as current page")?.options },
+  args: {
+    ...examplesFromFixtures.find(
+      (f) => f.name === "with last breadcrumb as current page",
+    )?.options,
+  },
 };
 
 export const WithCollapseOnMobile: Story = {
   name: "with collapse on mobile",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with collapse on mobile")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with collapse on mobile")
+      ?.options,
+  },
 };
 
 export const Inverse: Story = {
   name: "inverse",
   args: { ...examplesFromFixtures.find((f) => f.name === "inverse")?.options },
-};
+};

src/components/Button/Button.stories.tsx

@@ -15,9 +15,12 @@ let configured = false;
 const meta: Meta<typeof Button> = {
   title: "GOVUK Design System/Button",
   component: Button,
-  decorators: [(Story, { parameters }) => {
+  decorators: [
+    (Story, { parameters }) => {
       React.useEffect(() => {
-        const isDocsMode = window.location.search.includes("path=/docs/govuk-design-system-button--docs");
+        const isDocsMode = window.location.search.includes(
+          "path=/docs/govuk-design-system-button--docs",
+        );
         if (isDocsMode && !configured && parameters.initializeConfigurations) {
           ConfigureOverallButton();
           configured = true;
@@ -26,7 +29,8 @@ const meta: Meta<typeof Button> = {
         }
       }, []);
       return <Story />;
-    }],
+    },
+  ],
   tags: ["autodocs"],
 };
 
@@ -35,7 +39,8 @@ type Story = StoryObj<typeof Button>;
 
 // extractShownFixtures transforms raw govuk-frontend fixture data into
 // React-compatible props (e.g. text → children, classes → className).
-const examplesFromFixtures: Array<ComponentFixture> = extractShownFixtures(fixtures);
+const examplesFromFixtures: Array<ComponentFixture> =
+  extractShownFixtures(fixtures);
 
 export const Default: Story = {
   name: "default",
@@ -59,7 +64,9 @@ export const Start: Story = {
 
 export const Secondary: Story = {
   name: "secondary",
-  args: { ...examplesFromFixtures.find((f) => f.name === "secondary")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "secondary")?.options,
+  },
 };
 
 export const Warning: Story = {
@@ -70,4 +77,4 @@ export const Warning: Story = {
 export const Inverse: Story = {
   name: "inverse",
   args: { ...examplesFromFixtures.find((f) => f.name === "inverse")?.options },
-};
+};

src/components/CharacterCount/CharacterCount.stories.tsx

@@ -15,9 +15,12 @@ let configured = false;
 const meta: Meta<typeof CharacterCount> = {
   title: "GOVUK Design System/Character count",
   component: CharacterCount,
-  decorators: [(Story, { parameters }) => {
+  decorators: [
+    (Story, { parameters }) => {
       React.useEffect(() => {
-        const isDocsMode = window.location.search.includes("path=/docs/govuk-design-system-character-count--docs");
+        const isDocsMode = window.location.search.includes(
+          "path=/docs/govuk-design-system-character-count--docs",
+        );
         if (isDocsMode && !configured && parameters.initializeConfigurations) {
           ConfigureOverallCharacterCount();
           configured = true;
@@ -26,7 +29,8 @@ const meta: Meta<typeof CharacterCount> = {
         }
       }, []);
       return <Story />;
-    }],
+    },
+  ],
   tags: ["autodocs"],
 };
 
@@ -35,7 +39,8 @@ type Story = StoryObj<typeof CharacterCount>;
 
 // extractShownFixtures transforms raw govuk-frontend fixture data into
 // React-compatible props (e.g. text → children, classes → className).
-const examplesFromFixtures: Array<ComponentFixture> = extractShownFixtures(fixtures);
+const examplesFromFixtures: Array<ComponentFixture> =
+  extractShownFixtures(fixtures);
 
 export const Default: Story = {
   name: "default",
@@ -44,40 +49,61 @@ export const Default: Story = {
 
 export const WithHint: Story = {
   name: "with hint",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with hint")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with hint")?.options,
+  },
 };
 
 export const WithHintAndError: Story = {
   name: "with hint and error",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with hint and error")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with hint and error")
+      ?.options,
+  },
 };
 
 export const WithDefaultValue: Story = {
   name: "with default value",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with default value")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with default value")
+      ?.options,
+  },
 };
 
 export const WithDefaultValueExceedingLimit: Story = {
   name: "with default value exceeding limit",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with default value exceeding limit")?.options },
+  args: {
+    ...examplesFromFixtures.find(
+      (f) => f.name === "with default value exceeding limit",
+    )?.options,
+  },
 };
 
 export const WithCustomRows: Story = {
   name: "with custom rows",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with custom rows")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with custom rows")?.options,
+  },
 };
 
 export const WithLabelAsPageHeading: Story = {
   name: "with label as page heading",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with label as page heading")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with label as page heading")
+      ?.options,
+  },
 };
 
 export const WithWordCount: Story = {
   name: "with word count",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with word count")?.options },
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with word count")?.options,
+  },
 };
 
 export const WithThreshold: Story = {
   name: "with threshold",
-  args: { ...examplesFromFixtures.find((f) => f.name === "with threshold")?.options },
-};
+  args: {
+    ...examplesFromFixtures.find((f) => f.name === "with threshold")?.options,
+  },
+};