@powerhousedao/document-engineering 1.34.0 → 1.35.0

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js

@@ -2,37 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { CircleFlag } from 'react-circle-flags';
 import countries from 'world-countries';
-import parsePhoneNumber, { getCountryCallingCode } from 'libphonenumber-js';
+import { countDigitsBeforeCursor, formatPhoneNumber, getCallingCode, mapCursorPositionToFormattedText, parsePhoneValue, removePhoneNumberFormat, } from './utils.js';
 const renderFlagIcon = (countryCode) => {
     return _jsx(CircleFlag, { className: "size-4", countryCode: countryCode.toLowerCase(), height: 16 });
 };
-const getCallingCode = (countryCode) => {
-    try {
-        const callingCode = getCountryCallingCode(countryCode);
-        return `+${callingCode}`;
-    }
-    catch {
-        return null;
-    }
-};
-const parsePhoneValue = (rawValue) => {
-    if (rawValue === '')
-        return null;
-    const withPlusValue = `${rawValue.startsWith('+') ? '' : '+'}${rawValue}`;
-    const parsedValue = parsePhoneNumber(withPlusValue, { extract: false });
-    if (parsedValue?.isPossible() && parsedValue.country) {
-        const expectedValue = `+${parsedValue.countryCallingCode}${parsedValue.nationalNumber}`;
-        if (withPlusValue !== expectedValue) {
-            return null; // the number was corrected by the library, reject it
-        }
-        const callingCode = `+${parsedValue.countryCallingCode}`;
-        const selectValue = `${callingCode}-${parsedValue.country}`;
-        const inputValue = parsedValue.nationalNumber;
-        return { selectValue, inputValue };
-    }
-    return null;
-};
-export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown, onBlur, allowedCountries, excludedCountries, includeDependentAreas = false, prefixOptionFormat = 'FlagsAndNumbers', externalRef, }) => {
+export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown, onBlur, onFocus, allowedCountries, excludedCountries, includeDependentAreas = false, prefixOptionFormat = 'FlagsAndNumbers', externalRef, }) => {
     const inputRef = useRef(null);
     const containerRef = useRef(null);
     const isInternalChangeRef = useRef(false);
@@ -47,13 +21,18 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
         }
     };
     const [selectValue, setSelectValue] = useState(() => {
-        const parsedValue = parsePhoneValue(value ?? defaultValue ?? '');
+        const parsedValue = parsePhoneValue(defaultValue ?? '');
         return parsedValue?.selectValue ?? '';
     });
     const [inputValue, setInputValue] = useState(() => {
-        const rawValue = value ?? defaultValue ?? '';
+        const rawValue = defaultValue ?? '';
         const parsedValue = parsePhoneValue(rawValue);
-        return parsedValue?.inputValue ?? rawValue;
+        if (parsedValue) {
+            const callingCode = parsedValue.selectValue.split('-')[0];
+            const formattedValue = formatPhoneNumber(callingCode, parsedValue.inputValue);
+            return formattedValue;
+        }
+        return rawValue;
     });
     const options = useMemo(() => {
         const defaultOptions = countries
@@ -107,7 +86,7 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
             : defaultOptions;
         return filteredOptions;
     }, [allowedCountries, excludedCountries, includeDependentAreas, prefixOptionFormat]);
-    const handleSelectBlur = useCallback((e) => {
+    const handleSelectOnBlur = useCallback((e) => {
         setTimeout(() => {
             const activeElement = document.activeElement;
             const container = containerRef.current;
@@ -117,7 +96,7 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
             onBlur?.(e);
         }, 0);
     }, [onBlur]);
-    const handleInputBlur = useCallback((e) => {
+    const handleInputOnBlur = useCallback((e) => {
         setTimeout(() => {
             const activeElement = document.activeElement;
             const container = containerRef.current;
@@ -130,34 +109,73 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
     const handleSelectOnChange = useCallback((newSelectValue) => {
         setSelectValue(newSelectValue);
         const callingCode = newSelectValue.split('-')[0];
+        if (inputValue !== '') {
+            const unformattedInputValue = removePhoneNumberFormat(inputValue);
+            if (newSelectValue === '') {
+                lastCursorPositionRef.current = unformattedInputValue.length;
+                setInputValue(unformattedInputValue);
+            }
+            else {
+                const formattedInputValue = formatPhoneNumber(callingCode, unformattedInputValue);
+                lastCursorPositionRef.current = formattedInputValue.length;
+                setInputValue(formattedInputValue);
+            }
+        }
         isInternalChangeRef.current = true;
-        onChange?.(`${callingCode}${inputValue}`);
+        onChange?.(`${callingCode}${removePhoneNumberFormat(inputValue)}`);
         inputRef.current?.focus();
     }, [inputValue, onChange]);
     const handleInputOnChange = useCallback((e) => {
-        // save cursor position
-        lastCursorPositionRef.current = e.target.selectionStart ?? 0;
+        const currentCursorPosition = e.target.selectionStart ?? 0;
+        const previousUnformattedValue = removePhoneNumberFormat(inputValue);
         let callingCode = selectValue.split('-')[0];
-        let inputValueToProcess = e.target.value.replace(/\D/g, '');
-        if (selectValue === '' && inputValueToProcess.startsWith('00')) {
-            inputValueToProcess = `+${inputValueToProcess.substring(2)}`;
+        let currentUnformattedValue = removePhoneNumberFormat(e.target.value);
+        // handle '00' prefix conversion to '+'
+        if (selectValue === '' && currentUnformattedValue.startsWith('00')) {
+            currentUnformattedValue = `+${currentUnformattedValue.substring(2)}`;
         }
-        const parsedValue = parsePhoneValue(`${callingCode}${inputValueToProcess}`);
-        if (selectValue === '' && parsedValue && options.some((o) => o.value === parsedValue.selectValue)) {
-            setSelectValue(parsedValue.selectValue);
-            setInputValue(parsedValue.inputValue);
-            callingCode = parsedValue.selectValue.split('-')[0];
+        const parsedPhoneNumber = parsePhoneValue(`${callingCode}${currentUnformattedValue}`);
+        // auto-detect country when none is selected and it is a possible phone number
+        if (selectValue === '' && parsedPhoneNumber && options.some((o) => o.value === parsedPhoneNumber.selectValue)) {
+            setSelectValue(parsedPhoneNumber.selectValue);
+            callingCode = parsedPhoneNumber.selectValue.split('-')[0];
+            const autoFormattedValue = formatPhoneNumber(callingCode, parsedPhoneNumber.inputValue);
+            lastCursorPositionRef.current = autoFormattedValue.length;
+            setInputValue(autoFormattedValue);
             isInternalChangeRef.current = true;
-            onChange?.(`${callingCode}${parsedValue.inputValue}`);
+            onChange?.(`${callingCode}${parsedPhoneNumber.inputValue}`);
         }
         else {
-            const newInputValue = e.target.value.replace(/\D/g, '');
-            setInputValue(newInputValue);
+            // apply real-time formatting
+            let formattedValue = currentUnformattedValue;
+            if (selectValue !== '' && currentUnformattedValue !== '') {
+                formattedValue = formatPhoneNumber(callingCode, currentUnformattedValue);
+            }
+            // handle cursor position after formatting
+            const unformattedLengthDifference = currentUnformattedValue.length - previousUnformattedValue.length;
+            const isLargeInsertion = unformattedLengthDifference > 1;
+            const isRemoval = unformattedLengthDifference < 0;
+            let targetCursorPositionInUnformatted = 0;
+            if (isRemoval) {
+                // count how many digits are before the cursor in the current input value
+                targetCursorPositionInUnformatted = countDigitsBeforeCursor(e.target.value, currentCursorPosition);
+            }
+            else if (isLargeInsertion) {
+                // count digits before cursor in the new formatted value
+                targetCursorPositionInUnformatted = countDigitsBeforeCursor(formattedValue, currentCursorPosition);
+            }
+            else {
+                // use cursor position directly for single character insertion
+                targetCursorPositionInUnformatted = Math.min(currentCursorPosition, currentUnformattedValue.length);
+            }
+            const finalCursorPosition = mapCursorPositionToFormattedText(currentUnformattedValue, formattedValue, targetCursorPositionInUnformatted);
+            lastCursorPositionRef.current = finalCursorPosition;
+            setInputValue(formattedValue);
             isInternalChangeRef.current = true;
-            onChange?.(`${callingCode}${newInputValue}`);
+            onChange?.(`${callingCode}${currentUnformattedValue}`);
         }
-    }, [selectValue, options, onChange]);
-    const handleOnKeyDown = useCallback((e) => {
+    }, [selectValue, options, onChange, inputValue]);
+    const handleInputOnKeyDown = useCallback((e) => {
         const isCopyShortcut = (e.ctrlKey && (e.key === 'c' || e.key === 'C')) || (e.metaKey && (e.key === 'c' || e.key === 'C'));
         const isCutShortcut = (e.ctrlKey && (e.key === 'x' || e.key === 'X')) || (e.metaKey && (e.key === 'x' || e.key === 'X'));
         const isPasteShortcut = (e.ctrlKey && (e.key === 'v' || e.key === 'V')) || (e.metaKey && (e.key === 'v' || e.key === 'V'));
@@ -183,6 +201,12 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
         e.preventDefault();
         onKeyDown?.(e);
     }, [onKeyDown]);
+    const handleInputOnFocus = useCallback((e) => {
+        if (e.relatedTarget !== null) {
+            inputRef.current?.setSelectionRange(e.target.value.length, e.target.value.length);
+        }
+        onFocus?.(e);
+    }, [onFocus]);
     useEffect(() => {
         if (value !== undefined) {
             if (isInternalChangeRef.current) {
@@ -197,17 +221,21 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
             const parsedValue = parsePhoneValue(value);
             if (parsedValue && options.some((o) => o.value === parsedValue.selectValue)) {
                 setSelectValue(parsedValue.selectValue);
-                setInputValue(parsedValue.inputValue);
+                const callingCode = parsedValue.selectValue.split('-')[0];
+                const formattedInputValue = formatPhoneNumber(callingCode, parsedValue.inputValue);
+                lastCursorPositionRef.current = formattedInputValue.length;
+                setInputValue(formattedInputValue);
             }
             else {
                 setSelectValue('');
+                lastCursorPositionRef.current = value.length;
                 setInputValue(value);
             }
         }
     }, [value, options]);
     // restore cursor position after input value change
     useEffect(() => {
-        if (inputRef.current && lastCursorPositionRef.current > 0) {
+        if (inputRef.current) {
             const position = Math.min(lastCursorPositionRef.current, inputValue.length);
             inputRef.current.setSelectionRange(position, position);
         }
@@ -218,9 +246,10 @@ export const usePhoneNumberInput = ({ value, defaultValue, onChange, onKeyDown,
         inputValue,
         handleSelectOnChange,
         handleInputOnChange,
-        handleOnKeyDown,
-        handleSelectBlur,
-        handleInputBlur,
+        handleInputOnKeyDown,
+        handleSelectOnBlur,
+        handleInputOnBlur,
+        handleInputOnFocus,
         mergedRef,
         containerRef,
     };

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-phone-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/use-phone-number-input.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/phone-number-input/utils.d.ts

@@ -0,0 +1,10 @@
+export declare const getCallingCode: (countryCode: string) => string | null;
+export declare const parsePhoneValue: (rawValue: string) => {
+    selectValue: string;
+    inputValue: import("libphonenumber-js").NationalNumber;
+} | null;
+export declare const formatPhoneNumber: (callingCode: string, inputValue: string) => string;
+export declare const removePhoneNumberFormat: (formattedValue: string) => string;
+export declare const countDigitsBeforeCursor: (formattedText: string, cursorPos: number) => number;
+export declare const mapCursorPositionToFormattedText: (unformattedValue: string, formattedValue: string, targetDigitPosition: number) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/ui/components/data-entry/phone-number-input/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/utils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,GAAI,aAAa,MAAM,KAAG,MAAM,GAAG,IAO7D,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM;;;QAmB/C,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,EAAE,YAAY,MAAM,KAAG,MAc3E,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,gBAAgB,MAAM,KAAG,MAEhE,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,eAAe,MAAM,EAAE,WAAW,MAAM,KAAG,MAQlF,CAAA;AAED,eAAO,MAAM,gCAAgC,GAC3C,kBAAkB,MAAM,EACxB,gBAAgB,MAAM,EACtB,qBAAqB,MAAM,KAC1B,MAsBF,CAAA"}

package/dist/src/ui/components/data-entry/phone-number-input/utils.js

@@ -0,0 +1,72 @@
+import parsePhoneNumber, { formatIncompletePhoneNumber, getCountryCallingCode, } from 'libphonenumber-js';
+export const getCallingCode = (countryCode) => {
+    try {
+        const callingCode = getCountryCallingCode(countryCode);
+        return `+${callingCode}`;
+    }
+    catch {
+        return null;
+    }
+};
+export const parsePhoneValue = (rawValue) => {
+    if (rawValue === '')
+        return null;
+    const withPlusValue = `${rawValue.startsWith('+') ? '' : '+'}${rawValue}`;
+    const parsedValue = parsePhoneNumber(withPlusValue, { extract: false });
+    if (parsedValue?.isPossible() && parsedValue.country) {
+        const expectedValue = `+${parsedValue.countryCallingCode}${parsedValue.nationalNumber}`;
+        if (withPlusValue !== expectedValue) {
+            return null; // the number was corrected by the library, reject it
+        }
+        const callingCode = `+${parsedValue.countryCallingCode}`;
+        const selectValue = `${callingCode}-${parsedValue.country}`;
+        const inputValue = parsedValue.nationalNumber;
+        return { selectValue, inputValue };
+    }
+    return null;
+};
+export const formatPhoneNumber = (callingCode, inputValue) => {
+    if (callingCode === '' || inputValue === '') {
+        return '';
+    }
+    const phoneNumber = `${callingCode}${inputValue}`;
+    const formatted = formatIncompletePhoneNumber(phoneNumber);
+    if (formatted !== '' && formatted.length > callingCode.length) {
+        const nationalPart = formatted.substring(callingCode.length).trim();
+        return nationalPart || inputValue;
+    }
+    return inputValue;
+};
+export const removePhoneNumberFormat = (formattedValue) => {
+    return formattedValue.replace(/\D/g, '');
+};
+export const countDigitsBeforeCursor = (formattedText, cursorPos) => {
+    let digitCount = 0;
+    for (let i = 0; i < cursorPos && i < formattedText.length; i++) {
+        if (/\d/.test(formattedText[i])) {
+            digitCount++;
+        }
+    }
+    return digitCount;
+};
+export const mapCursorPositionToFormattedText = (unformattedValue, formattedValue, targetDigitPosition) => {
+    if (targetDigitPosition === 0) {
+        return 0;
+    }
+    // cursor at or beyond the end of unformatted value
+    if (targetDigitPosition >= unformattedValue.length) {
+        return formattedValue.length;
+    }
+    // find the position in formatted value that corresponds to the target digit position
+    let digitCount = 0;
+    for (let i = 0; i < formattedValue.length; i++) {
+        if (/\d/.test(formattedValue[i])) {
+            digitCount++;
+            if (digitCount === targetDigitPosition) {
+                return i + 1;
+            }
+        }
+    }
+    return formattedValue.length;
+};
+//# sourceMappingURL=utils.js.map

package/dist/src/ui/components/data-entry/phone-number-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/utils.ts"],"names":[],"mappings":"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"}

package/dist/style.css

@@ -816,6 +816,9 @@
   .w-auto {
     width: auto;
   }
+  .w-fit {
+    width: fit-content;
+  }
   .w-full {
     width: 100%;
   }
@@ -1180,6 +1183,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-1 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
   .border-b-2 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -1203,6 +1210,9 @@
   .border-\[\#E4E4E7\] {
     border-color: #E4E4E7;
   }
+  .border-blue-200 {
+    border-color: var(--color-blue-200);
+  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -1569,6 +1579,9 @@
   .text-right {
     text-align: right;
   }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
   .font-sans {
     font-family: var(--font-sans);
   }
@@ -1799,12 +1812,14 @@
   .uppercase {
     text-transform: uppercase;
   }
-  .underline {
-    text-decoration-line: underline;
-  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .placeholder-gray-500 {
+    &::placeholder {
+      color: var(--color-gray-500);
+    }
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -2343,6 +2358,16 @@
       }
     }
   }
+  .invalid\:border-red-500 {
+    &:invalid {
+      border-color: var(--color-red-500);
+    }
+  }
+  .invalid\:ring-red-500 {
+    &:invalid {
+      --tw-ring-color: var(--color-red-500);
+    }
+  }
   .focus-within\:rounded {
     &:focus-within {
       border-radius: 0.25rem;
@@ -2615,13 +2640,6 @@
       }
     }
   }
-  .hover\:text-blue-800 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-blue-800);
-      }
-    }
-  }
   .hover\:text-blue-900 {
     &:hover {
       @media (hover: hover) {
@@ -2741,6 +2759,11 @@
       border-color: var(--color-gray-900);
     }
   }
+  .focus\:border-transparent {
+    &:focus {
+      border-color: transparent;
+    }
+  }
   .focus\:bg-accent {
     &:focus {
       background-color: var(--color-accent);
@@ -2783,6 +2806,17 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus\:ring-blue-500 {
+    &:focus {
+      --tw-ring-color: var(--color-blue-500);
+    }
+  }
   .focus\:ring-gray-900 {
     &:focus {
       --tw-ring-color: var(--color-gray-900);