tide-design-system 2.5.2 → 2.5.4

package/src/types/Formatted.ts

@@ -15,7 +15,7 @@ export const FORMAT_REGEX = {
   alphaNumberOrEmpty: /^$|^[a-z0-9]+$/i,
   alphaSpace: /^[a-zA-Z ]+$/g,
   email:
-    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@(?!(?:[a-zA-Z0-9-]+\.)*(?<tld>[a-zA-Z]{2,})\.\k<tld>$)((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}))$/,
   numberFormatted: /^$|(?=.)^\$?(([1-9][0-9]{0,2}(,[0-9]{3})*)|0)?(\.[0-9]{1,2})?$/,
   phone: /^(?:\d{3}-\d{3}-\d{4}|\d{1}-\d{3}-\d{3}-\d{4})?$/,
   price: /(?=.)^\$?(([1-9][0-9]{0,2}(,[0-9]{3})*)|0)?(\.[0-9]{1,2})?$/,

package/src/utilities/validation.ts

@@ -62,7 +62,7 @@ export const getFieldValidationResult = ({
 
   // custom validator prop errors from have second highest precedence
   if (validators) {
-    const validation = validateProperty(value.value, validators);
+    const validation = validateProperty(value.value ?? '', validators);
 
     if (!validation.valid) {
       return validation;

package/tests/utilities-format.spec.ts

@@ -1,5 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
+import { FORMAT_REGEX } from '../src/types/Formatted';
 import {
   formatCamelCase,
   formatKebabCase,
@@ -428,3 +429,42 @@ describe('@/src/utilities/format.ts', () => {
     });
   });
 });
+
+describe('@/src/types/Formatted.ts', () => {
+  describe('FORMAT_REGEX.email', () => {
+    it('accepts a standard email address.', () => {
+      const input = 'john.doe@gmail.com';
+      const output = true;
+
+      expect(FORMAT_REGEX.email.test(input)).toEqual(output);
+    });
+
+    it('accepts an email address with subdomains.', () => {
+      const input = 'john.doe@mail.sub.example.co.uk';
+      const output = true;
+
+      expect(FORMAT_REGEX.email.test(input)).toEqual(output);
+    });
+
+    it('rejects an email address that ends with a repeated TLD label (e.g. .com.com).', () => {
+      const input = 'john@gmail.com.com';
+      const output = false;
+
+      expect(FORMAT_REGEX.email.test(input)).toEqual(output);
+    });
+
+    it('rejects an email address that ends with a repeated TLD label (e.g. .net.net).', () => {
+      const input = 'john@company.net.net';
+      const output = false;
+
+      expect(FORMAT_REGEX.email.test(input)).toEqual(output);
+    });
+
+    it('rejects an email address missing a valid top-level domain.', () => {
+      const input = 'john@gmail';
+      const output = false;
+
+      expect(FORMAT_REGEX.email.test(input)).toEqual(output);
+    });
+  });
+});