Rename NHS.UK frontend init functions

Author: colinrotherham

src/components/content-presentation/tabs/Tabs.tsx

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import React, { FC, HTMLAttributes, useEffect } from 'react';
 import HeadingLevel, { HeadingLevelType } from '@components/utils/HeadingLevel';
 // @ts-expect-error -- No types available
-import TabsJs from 'nhsuk-frontend/packages/components/tabs/tabs';
+import initTabs from 'nhsuk-frontend/packages/components/tabs/tabs';
 
 type TabsProps = HTMLAttributes<HTMLDivElement>;
 
@@ -56,7 +56,7 @@ interface Tabs extends FC<TabsProps> {
 
 const Tabs: Tabs = ({ className, children, ...rest }) => {
   useEffect(() => {
-    TabsJs();
+    initTabs();
   }, []);
 
   return (

src/components/form-elements/character-count/CharacterCount.tsx

@@ -1,7 +1,7 @@
 'use client';
 import React, { FC, useEffect } from 'react';
 // @ts-expect-error -- No types available
-import CharacterCountJs from 'nhsuk-frontend/packages/components/character-count/character-count';
+import initCharacterCounts from 'nhsuk-frontend/packages/components/character-count/character-count';
 import { HTMLAttributesWithData } from '@util/types/NHSUKTypes';
 
 export enum CharacterCountType {
@@ -26,7 +26,7 @@ const CharacterCount: FC<CharacterCountProps> = ({
   ...rest
 }) => {
   useEffect(() => {
-    CharacterCountJs();
+    initCharacterCounts();
   }, []);
 
   const characterCountProps: HTMLAttributesWithData<HTMLDivElement> =

src/components/form-elements/checkboxes/Checkboxes.tsx

@@ -9,7 +9,7 @@ import Box from './components/Box';
 import Divider from './components/Divider';
 import { generateRandomName } from '@util/RandomID';
 // @ts-expect-error -- No types available
-import CheckboxJs from 'nhsuk-frontend/packages/components/checkboxes/checkboxes';
+import initCheckboxes from 'nhsuk-frontend/packages/components/checkboxes/checkboxes';
 
 interface CheckboxesProps extends HTMLProps<HTMLDivElement>, FormElementProps {
   idPrefix?: string;
@@ -21,7 +21,7 @@ const Checkboxes = ({ children, idPrefix, ...rest }: CheckboxesProps) => {
   let _boxIds: Record<string, string> = {};
 
   useEffect(() => {
-    CheckboxJs();
+    initCheckboxes();
   }, []);
 
   const getBoxId = (id: string, reference: string): string => {

src/components/navigation/header/Header.tsx

@@ -12,7 +12,7 @@ import { Container } from '@components/layout';
 import Content from './components/Content';
 import TransactionalServiceName from './components/TransactionalServiceName';
 // @ts-expect-error -- No types available
-import HeaderJs from 'nhsuk-frontend/packages/components/header/header';
+import initHeader from 'nhsuk-frontend/packages/components/header/header';
 
 const BaseHeaderLogo: FC<OrganisationalLogoProps & NHSLogoNavProps> = (props) => {
   const { orgName } = useContext<IHeaderContext>(HeaderContext);
@@ -53,7 +53,7 @@ const Header = ({
   const [menuOpen, setMenuOpen] = useState(false);
 
   useEffect(() => {
-    HeaderJs();
+    initHeader();
   }, []);
 
   const setMenuToggle = (toggle: boolean): void => {