lite-phone-input 0.1.0 → 0.2.0

package/README.md

@@ -55,12 +55,11 @@ const phone = PhoneInput.mount(document.getElementById('phone'), {
 ### React
 
 ```jsx
-import { useRef, useState } from 'react';
+import { useRef } from 'react';
 import { PhoneInput } from 'lite-phone-input/react';
 import 'lite-phone-input/styles';
 
 function MyForm() {
-  const [value, setValue] = useState('');
   const phoneRef = useRef(null);
 
   return (
@@ -68,8 +67,8 @@ function MyForm() {
       ref={phoneRef}
       defaultCountry="US"
       separateDialCode
-      value={value}
-      onChange={(e164) => setValue(e164)}
+      initialValue="+12025551234"
+      onChange={(e164) => console.log(e164)}
       name="phone"
       aria-label="Phone number"
     />
@@ -104,7 +103,7 @@ Same API as React. Uses `preact/hooks` directly — no `preact/compat` required.
 |---|---|
 | [Getting Started](docs/getting-started.md) | Installation and first render |
 | [Vanilla JS Guide](docs/vanilla-guide.md) | Mounting, methods, callbacks |
-| [React Guide](docs/react-guide.md) | Controlled/uncontrolled, form libraries |
+| [React Guide](docs/react-guide.md) | Usage, ref methods, form libraries |
 | [Preact Guide](docs/preact-guide.md) | Preact-specific setup |
 | [API Reference](docs/api-reference.md) | All options, methods, and types |
 | [Styling & Theming](docs/styling.md) | CSS variables, BEM classes, dark mode |

package/dist/core/index.cjs

@@ -2493,9 +2493,9 @@ var phone_countries_default = [
 var TRAILING_SEP = /[\s\-]+$/;
 var FALLBACK_GROUP = /(.{4})(?=.)/g;
 var NON_ASCII_DIGITS = /[\u0660-\u0669\u06F0-\u06F9]/g;
-function isDigit(ch) {
+function isRelevantChar(ch) {
   const c = ch.charCodeAt(0);
-  return c >= 48 && c <= 57;
+  return c >= 48 && c <= 57 || c === 43;
 }
 function formatPhone(digits, pattern) {
   if (!digits) return "";
@@ -2518,18 +2518,19 @@ function formatPhone(digits, pattern) {
   return result.replace(TRAILING_SEP, "");
 }
 function getCursorPosition(oldValue, oldCursor, newValue) {
-  let digitsBeforeCursor = 0;
+  if (oldCursor === 0) return 0;
+  let relevantBeforeCursor = 0;
   for (let i = 0; i < oldCursor && i < oldValue.length; i++) {
-    if (isDigit(oldValue[i])) {
-      digitsBeforeCursor++;
+    if (isRelevantChar(oldValue[i])) {
+      relevantBeforeCursor++;
     }
   }
-  let digitCount = 0;
+  let count = 0;
   for (let i = 0; i < newValue.length; i++) {
-    if (isDigit(newValue[i])) {
-      digitCount++;
+    if (isRelevantChar(newValue[i])) {
+      count++;
     }
-    if (digitCount === digitsBeforeCursor) {
+    if (count === relevantBeforeCursor) {
       return i + 1;
     }
   }