feat(abp2a): add webform ABP 2a

src/packages/shared-types/forms.ts

@@ -65,7 +65,14 @@ export type RHFTextListItem = {
   link?: string;
 };
 
-type RHFTextItemType = "br" | "brWrap" | "link" | "bold" | "italic" | "list";
+type RHFTextItemType =
+  | "br"
+  | "brWrap"
+  | "link"
+  | "bold"
+  | "italic"
+  | "list"
+  | "default";
 
 export type RHFOption = {
   label: string;

src/services/api/handlers/getForm.ts

@@ -41,7 +41,7 @@ export const getForm = async (event: APIGatewayEvent) => {
     }
 
     if (id && version) {
-      const formObj = await webformVersions[id][version];
+      const formObj = webformVersions[id][version];
       const cleanedForm = convertRegexToString(formObj);
       return response({
         statusCode: 200,

src/services/api/webforms/ABP2A/index.ts

@@ -0,0 +1 @@
+export * from "./v202401";

src/services/api/webforms/index.ts

@@ -1,4 +1,5 @@
 import * as ABP1 from "./ABP1";
+import * as ABP2A from "./ABP2A";
 import * as ABP10 from "./ABP10";
 import * as ABP11 from "./ABP11";
 import * as ABP3 from "./ABP3";
@@ -10,6 +11,9 @@ export const webformVersions: Record<string, Record<string, FormSchema>> = {
     v202401: ABP1.v202401,
     v202402: ABP1.v202402,
   },
+  ABP2A: {
+    v202401: ABP2A.v202401,
+  },
   ABP3: {
     v202401: ABP3.v202401,
   },

src/services/ui/e2e/tests/a11y/index.spec.ts

@@ -41,6 +41,7 @@ const webformRoutes = [
   "/webform/abp10/202401",
   "/webform/abp3_1/202401",
   "/webform/abp3/202401",
+  "/webform/abp2a/202401",
   "/webform/abp1/202401",
   "/webform/abp1/202402",
 ];

src/services/ui/src/components/Inputs/checkbox.tsx

@@ -41,9 +41,9 @@ const Checkbox = React.forwardRef<
           </CheckboxPrimitive.Indicator>
         </CheckboxPrimitive.Root>
         <div className="grid gap-1.5 leading-none">
-          {!!props.label && (
+          {!!(props.label || props.styledLabel) && (
             <label
-              htmlFor={props.label}
+              htmlFor={props.label ?? props.styledLabel}
               className="text-md font-medium leading-normal peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
             >
               {props.styledLabel ?? props.label}

src/services/ui/src/features/webforms/WebformsList.tsx

@@ -30,7 +30,12 @@ export const WebformsList = () => {
                 Object.entries(data).map(([key, versions]) =>
                   versions.map((version) => (
                     <tr key={`${key}-${version}`}>
-                      <td>{key}</td>
+                      <td>
+                        {key.slice(0, -1) +
+                          (key.slice(-1).match(/[a-zA-Z]/)
+                            ? key.slice(-1).toLowerCase()
+                            : key.slice(-1))}
+                      </td>{" "}
                       <td>{version}</td>
                       <td>
                         <Link
@@ -42,7 +47,7 @@ export const WebformsList = () => {
                         </Link>
                       </td>
                     </tr>
-                  ))
+                  )),
                 )}
             </tbody>
           </table>