fix(form): ensure file names end with a period for useFileUpload extensions

Author: mlaursen

packages/form/src/file-input/__tests__/useFileUpload.tsx

@@ -534,6 +534,8 @@ describe("useFileUpload", () => {
     expect(input).toHaveAttribute("accept", ".svg,.png");
 
     userEvent.upload(input, createFile("Invalid.txt", 1000));
+    userEvent.upload(input, createFile("Invalidpng", 1000));
+    userEvent.upload(input, createFile("Invalidsvg", 1000));
 
     expect(readAsArrayBuffer).not.toBeCalled();
 

packages/form/src/file-input/utils.ts

@@ -406,7 +406,7 @@ export function validateFiles<CustomError>(
   const extraFiles: File[] = [];
   const nameRegExp =
     extensions.length > 0
-      ? new RegExp(`.(${extensions.join("|")})$`, "i")
+      ? new RegExp(`\\.(${extensions.join("|")})$`, "i")
       : undefined;
 
   let maxFilesReached = maxFiles > 0 && totalFiles >= maxFiles;