@ews-admin/global-design-system 1.1.11 → 1.1.12

package/dist/index.js

@@ -65,6 +65,25 @@ function debounce(func, wait) {
 function generateId(prefix = "ews") {
     return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
 }
+/**
+ * Utility function to format numeric input by removing non-digit characters
+ * @param value - String value to format
+ * @returns String with only numeric characters
+ */
+const formatNumeric = (value) => {
+    return value.replace(/\D/g, "");
+};
+/**
+ * Utility function to validate phone numbers
+ * Validates phone numbers with 1-15 digits, starting with a non-zero digit
+ * @param value - Phone number string to validate
+ * @returns Boolean indicating if the phone number is valid
+ */
+function isValidPhoneNumber(value) {
+    const trimmedValue = value.trim();
+    const phoneRegex = /^[0-9]\d{1,14}$/;
+    return phoneRegex.test(trimmedValue);
+}
 
 const Button = React.forwardRef(({ className, variant = "primary", size = "md", loading = false, fullWidth = false, leftIcon, rightIcon, children, disabled, ...props }, ref) => {
     const baseStyles = "inline-flex items-center justify-center font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none";
@@ -1125,6 +1144,7 @@ function useController(props) {
         exact: true,
     });
     const _props = React.useRef(props);
+    const _previousNameRef = React.useRef(undefined);
     const _registerProps = React.useRef(control.register(name, {
         ...props.rules,
         value,
@@ -1190,6 +1210,10 @@ function useController(props) {
     }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);
     React.useEffect(() => {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
+        const previousName = _previousNameRef.current;
+        if (previousName && previousName !== name && !isArrayField) {
+            control.unregister(previousName);
+        }
         control.register(name, {
             ..._props.current.rules,
             ...(isBoolean(_props.current.disabled)
@@ -1211,6 +1235,7 @@ function useController(props) {
             }
         }
         !isArrayField && control.register(name);
+        _previousNameRef.current = name;
         return () => {
             (isArrayField
                 ? _shouldUnregisterField && !control._state.action
@@ -1785,7 +1810,9 @@ exports.cn = cn;
 exports.debounce = debounce;
 exports.formatCurrency = formatCurrency;
 exports.formatDate = formatDate;
+exports.formatNumeric = formatNumeric;
 exports.generateId = generateId;
+exports.isValidPhoneNumber = isValidPhoneNumber;
 exports.useDebounce = useDebounce;
 exports.useDebouncedCallback = useDebouncedCallback;
 exports.useSelectField = useSelectField;