react-bigint-input 1.0.0

package/dist/index.mjs

@@ -0,0 +1,446 @@
+// src/BigIntInput.tsx
+import { Component, createRef } from "react";
+
+// src/utils.ts
+function detectSeparators(locale) {
+  const parts = new Intl.NumberFormat(locale).formatToParts(123456789e-2);
+  let thousands = ",";
+  let decimal = ".";
+  for (const part of parts) {
+    if (part.type === "group") thousands = part.value;
+    if (part.type === "decimal") decimal = part.value;
+  }
+  return { thousands, decimal };
+}
+function formatUnits(value, decimals) {
+  if (decimals === 0) return value.toString();
+  const isNegative = value < 0n;
+  const abs = isNegative ? -value : value;
+  const str = abs.toString().padStart(decimals + 1, "0");
+  const intPart = str.slice(0, str.length - decimals);
+  const fracPart = str.slice(str.length - decimals).replace(/0+$/, "");
+  const formatted = fracPart ? `${intPart}.${fracPart}` : intPart;
+  return isNegative ? `-${formatted}` : formatted;
+}
+function parseUnits(value, decimals) {
+  if (!value || value === "." || value === "-" || value === "-.") return 0n;
+  const isNegative = value.startsWith("-");
+  const unsigned = isNegative ? value.slice(1) : value;
+  const [intPart = "0", fracPart = ""] = unsigned.split(".");
+  if (fracPart.length > decimals) {
+    throw new Error(
+      `Fractional component exceeds decimals (${fracPart.length} > ${decimals})`
+    );
+  }
+  const paddedFrac = fracPart.padEnd(decimals, "0");
+  const combined = intPart + paddedFrac;
+  const trimmed = combined.replace(/^0+/, "") || "0";
+  const result = BigInt(trimmed);
+  return isNegative ? -result : result;
+}
+function truncateDecimals(value, maxDecimals) {
+  const dotIndex = value.indexOf(".");
+  if (dotIndex === -1) return value;
+  if (maxDecimals === 0) return value.slice(0, dotIndex);
+  return value.slice(0, dotIndex + 1 + maxDecimals);
+}
+function stripLeadingZeros(value) {
+  if (!value) return value;
+  const isNegative = value.startsWith("-");
+  const abs = isNegative ? value.slice(1) : value;
+  const dotIndex = abs.indexOf(".");
+  let cleaned;
+  if (dotIndex > 0) {
+    const intPart = abs.slice(0, dotIndex).replace(/^0+/, "") || "0";
+    cleaned = intPart + abs.slice(dotIndex);
+  } else {
+    cleaned = abs.replace(/^0+/, "") || "0";
+  }
+  return isNegative ? `-${cleaned}` : cleaned;
+}
+function formatValue(value, decimals, format) {
+  const raw = formatUnits(value, decimals);
+  if (format === "none") return raw;
+  let thousand;
+  let decimal;
+  let intlFormatter = null;
+  if (format === "auto") {
+    const detected = detectSeparators();
+    thousand = detected.thousands;
+    decimal = detected.decimal;
+    intlFormatter = new Intl.NumberFormat();
+  } else if (typeof format === "object" && format.locale) {
+    const detected = detectSeparators(format.locale);
+    thousand = format.thousand ?? detected.thousands;
+    decimal = format.decimal ?? detected.decimal;
+    intlFormatter = new Intl.NumberFormat(format.locale);
+  } else {
+    thousand = format?.thousand ?? ",";
+    decimal = format?.decimal ?? ".";
+  }
+  if (!thousand) return decimal !== "." ? raw.replace(".", decimal) : raw;
+  const isNegative = raw.startsWith("-");
+  const abs = isNegative ? raw.slice(1) : raw;
+  const parts = abs.split(".");
+  if (intlFormatter && parts[0]) {
+    try {
+      parts[0] = intlFormatter.format(BigInt(parts[0]));
+    } catch {
+      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousand);
+    }
+  } else {
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousand);
+  }
+  const formatted = parts.join(decimal);
+  return isNegative ? `-${formatted}` : formatted;
+}
+function parseValue(value, decimals, format) {
+  if (!value) return 0n;
+  let thousand;
+  let decimal;
+  if (format === "none") {
+    thousand = "";
+    decimal = ".";
+  } else if (format === "auto") {
+    const detected = detectSeparators();
+    thousand = detected.thousands;
+    decimal = detected.decimal;
+  } else if (typeof format === "object" && format.locale) {
+    const detected = detectSeparators(format.locale);
+    thousand = format.thousand ?? detected.thousands;
+    decimal = format.decimal ?? detected.decimal;
+  } else {
+    thousand = format?.thousand ?? ",";
+    decimal = format?.decimal ?? ".";
+  }
+  let cleaned = value;
+  if (thousand) {
+    cleaned = cleaned.replace(new RegExp(escapeRegExp(thousand), "g"), "");
+  }
+  if (decimal !== ".") {
+    cleaned = cleaned.replace(new RegExp(escapeRegExp(decimal), "g"), ".");
+  }
+  return parseUnits(cleaned, decimals);
+}
+function escapeRegExp(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+// src/BigIntInput.tsx
+import { jsx } from "react/jsx-runtime";
+var BigIntInput = class extends Component {
+  constructor(props) {
+    super(props);
+    this.inputRef = createRef();
+    this._resolvedFormat = null;
+    this._intlFormatter = null;
+    this._prevFormatProp = void 0;
+    this.pendingCursor = null;
+    // --- Event handlers ---
+    this.handleChange = (e) => {
+      const raw = e.target.value;
+      const input = this.inputRef.current;
+      const cursorPos = e.target.selectionStart ?? raw.length;
+      const { decimals, onChange, max, min } = this.props;
+      const dIdx = this.digitIndex(raw, cursorPos);
+      const normalized = this.removeThousands(raw);
+      const sanitized = this.sanitize(normalized, decimals);
+      if (sanitized === null) return;
+      const newDisplay = this.addThousands(sanitized);
+      const prepended = sanitized.length - normalized.length;
+      const adjustedIdx = dIdx + Math.max(0, prepended);
+      const newCursor = this.cursorFromDigitIndex(newDisplay, adjustedIdx);
+      this.setState({ display: newDisplay }, () => {
+        if (input) input.setSelectionRange(newCursor, newCursor);
+      });
+      try {
+        let parsed = parseUnits(sanitized || "0", decimals);
+        if (max !== void 0 && parsed > max) {
+          parsed = max;
+          const maxDisplay = this.valueToDisplay(max, decimals, true);
+          this.setState({ display: maxDisplay }, () => {
+            if (input) input.setSelectionRange(maxDisplay.length, maxDisplay.length);
+          });
+        }
+        if (min !== void 0 && parsed < min) {
+          parsed = min;
+          const minDisplay = this.valueToDisplay(min, decimals, true);
+          this.setState({ display: minDisplay }, () => {
+            if (input) input.setSelectionRange(minDisplay.length, minDisplay.length);
+          });
+        }
+        onChange(parsed);
+      } catch {
+      }
+    };
+    this.handleKeyDown = (e) => {
+      const { thousand } = this.fmt;
+      if (!thousand) return;
+      const input = e.currentTarget;
+      const pos = input.selectionStart;
+      const end = input.selectionEnd;
+      if (pos === null || end === null) return;
+      if (pos !== end) return;
+      const val = input.value;
+      if (e.key === "Backspace" && pos > 1 && val[pos - 1] === thousand) {
+        e.preventDefault();
+        const stripped = this.removeThousands(val);
+        const digitIdx = this.digitIndex(val, pos - 2);
+        const newStripped = stripped.slice(0, digitIdx) + stripped.slice(digitIdx + 1);
+        const sanitized = this.sanitize(newStripped, this.props.decimals) ?? "";
+        const newDisplay = this.addThousands(sanitized);
+        this.pendingCursor = this.cursorFromDigitIndex(newDisplay, digitIdx);
+        this.setState({ display: newDisplay });
+        try {
+          this.props.onChange(parseUnits(sanitized || "0", this.props.decimals));
+        } catch {
+        }
+      }
+      if (e.key === "Delete" && pos < val.length - 1 && val[pos] === thousand) {
+        e.preventDefault();
+        const stripped = this.removeThousands(val);
+        const digitIdx = this.digitIndex(val, pos);
+        const newStripped = stripped.slice(0, digitIdx) + stripped.slice(digitIdx + 1);
+        const sanitized = this.sanitize(newStripped, this.props.decimals) ?? "";
+        const newDisplay = this.addThousands(sanitized);
+        this.pendingCursor = this.cursorFromDigitIndex(newDisplay, digitIdx);
+        this.setState({ display: newDisplay });
+        try {
+          this.props.onChange(parseUnits(sanitized || "0", this.props.decimals));
+        } catch {
+        }
+      }
+    };
+    this.handleFocus = (e) => {
+      this.setState({ focused: true });
+      this.props.onFocus?.(e);
+    };
+    this.handleBlur = (e) => {
+      const { value, decimals, showZero } = this.props;
+      this.setState({ focused: false, display: this.valueToDisplay(value, decimals, showZero) });
+      this.props.onBlur?.(e);
+    };
+    this.handlePaste = (e) => {
+      const pasted = e.clipboardData.getData("text");
+      const { thousand, decimal } = this.fmt;
+      const escapedDecimal = escapeRegExp(decimal);
+      const escapedThousand = thousand ? escapeRegExp(thousand) : "";
+      const minus = this.props.allowNegative ? "\\-" : "";
+      const allowed = new RegExp(`^[\\d${escapedDecimal}${escapedThousand}${minus}]+$`);
+      if (pasted && !allowed.test(pasted.trim())) {
+        e.preventDefault();
+      }
+    };
+    this._prevFormatProp = props.format;
+    this.state = {
+      display: this.valueToDisplay(props.value, props.decimals, props.showZero),
+      focused: false
+    };
+  }
+  // --- Format helpers ---
+  get fmt() {
+    const { format } = this.props;
+    if (format === "none") {
+      return { thousand: "", decimal: "." };
+    }
+    if (format === "auto") {
+      if (!this._resolvedFormat) {
+        const detected = detectSeparators();
+        this._resolvedFormat = { thousand: detected.thousands, decimal: detected.decimal };
+        this._intlFormatter = new Intl.NumberFormat();
+      }
+      return this._resolvedFormat;
+    }
+    if (typeof format === "object") {
+      if (format.locale) {
+        if (!this._resolvedFormat) {
+          const detected = detectSeparators(format.locale);
+          this._resolvedFormat = {
+            thousand: format.thousand ?? detected.thousands,
+            decimal: format.decimal ?? detected.decimal
+          };
+          this._intlFormatter = new Intl.NumberFormat(format.locale);
+        }
+        return this._resolvedFormat;
+      }
+      return {
+        thousand: format.thousand ?? ",",
+        decimal: format.decimal ?? "."
+      };
+    }
+    return { thousand: ",", decimal: "." };
+  }
+  formatChanged() {
+    const prev = this._prevFormatProp;
+    const curr = this.props.format;
+    if (typeof curr === "object" && typeof prev === "object") {
+      return curr?.thousand !== prev?.thousand || curr?.decimal !== prev?.decimal || curr?.locale !== prev?.locale;
+    }
+    return curr !== prev;
+  }
+  addThousands(value) {
+    const { thousand, decimal } = this.fmt;
+    if (!thousand) return decimal !== "." ? value.replace(".", decimal) : value;
+    const isNegative = value.startsWith("-");
+    const abs = isNegative ? value.slice(1) : value;
+    const parts = abs.split(".");
+    if (this._intlFormatter && parts[0]) {
+      try {
+        parts[0] = this._intlFormatter.format(BigInt(parts[0]));
+      } catch {
+        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousand);
+      }
+    } else {
+      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousand);
+    }
+    const formatted = parts.join(decimal);
+    return isNegative ? `-${formatted}` : formatted;
+  }
+  removeThousands(value) {
+    const { thousand, decimal } = this.fmt;
+    let cleaned = value;
+    if (thousand) {
+      cleaned = cleaned.replace(new RegExp(escapeRegExp(thousand), "g"), "");
+    }
+    if (decimal !== ".") {
+      cleaned = cleaned.replace(new RegExp(escapeRegExp(decimal), "g"), ".");
+    }
+    return cleaned;
+  }
+  // --- Cursor tracking ---
+  digitIndex(str, cursorPos) {
+    const { thousand } = this.fmt;
+    let count = 0;
+    for (let i = 0; i < cursorPos && i < str.length; i++) {
+      if (str[i] !== thousand) count++;
+    }
+    return count;
+  }
+  cursorFromDigitIndex(str, digitIdx) {
+    const { thousand } = this.fmt;
+    let count = 0;
+    for (let i = 0; i < str.length; i++) {
+      if (str[i] !== thousand) {
+        if (count === digitIdx) return i;
+        count++;
+      }
+    }
+    return str.length;
+  }
+  // --- Formatting ---
+  valueToDisplay(value, decimals, showZero) {
+    if (value === 0n && !showZero) return "";
+    return this.addThousands(formatUnits(value, decimals));
+  }
+  sanitize(input, decimals) {
+    if (!input) return "";
+    if (input === ".") return decimals > 0 ? "0." : null;
+    if (this.props.allowNegative && input === "-.") return decimals > 0 ? "-0." : null;
+    let cleaned = this.props.allowNegative ? input.replace(/[^0-9.\-]/g, "") : input.replace(/[^0-9.]/g, "");
+    if (this.props.allowNegative) {
+      const hasMinus = cleaned.startsWith("-");
+      cleaned = cleaned.replace(/-/g, "");
+      if (hasMinus) cleaned = "-" + cleaned;
+    }
+    const dotCount = (cleaned.match(/\./g) || []).length;
+    if (dotCount > 1) {
+      const firstDot = cleaned.indexOf(".");
+      cleaned = cleaned.slice(0, firstDot + 1) + cleaned.slice(firstDot + 1).replace(/\./g, "");
+    }
+    if (decimals === 0 && cleaned.includes(".")) {
+      cleaned = cleaned.split(".")[0];
+    }
+    cleaned = truncateDecimals(cleaned, decimals);
+    cleaned = stripLeadingZeros(cleaned);
+    return cleaned;
+  }
+  // --- Lifecycle ---
+  componentDidUpdate(prevProps, _prevState) {
+    if (this.formatChanged()) {
+      this._resolvedFormat = null;
+      this._intlFormatter = null;
+      this._prevFormatProp = this.props.format;
+      this.setState({
+        display: this.valueToDisplay(this.props.value, this.props.decimals, this.props.showZero)
+      });
+      return;
+    }
+    this._prevFormatProp = this.props.format;
+    if (this.pendingCursor !== null) {
+      const cursor = this.pendingCursor;
+      this.pendingCursor = null;
+      const input = this.inputRef.current;
+      if (input) {
+        requestAnimationFrame(() => input.setSelectionRange(cursor, cursor));
+      }
+    }
+    const { value, decimals, showZero } = this.props;
+    if (decimals !== prevProps.decimals) {
+      this.setState({ display: this.valueToDisplay(value, decimals, showZero) });
+      return;
+    }
+    if (value !== prevProps.value && !this.state.focused) {
+      this.setState({ display: this.valueToDisplay(value, decimals, showZero) });
+    }
+    if (value !== prevProps.value && this.state.focused) {
+      try {
+        const parsed = parseUnits(this.removeThousands(this.state.display) || "0", decimals);
+        if (parsed !== value) {
+          this.setState({ display: this.valueToDisplay(value, decimals, showZero) });
+        }
+      } catch {
+        this.setState({ display: this.valueToDisplay(value, decimals, showZero) });
+      }
+    }
+  }
+  // --- Public API ---
+  focus() {
+    this.inputRef.current?.focus();
+  }
+  blur() {
+    this.inputRef.current?.blur();
+  }
+  select() {
+    this.inputRef.current?.select();
+  }
+  render() {
+    const { placeholder, disabled, readOnly, className, style, name, id, autoFocus } = this.props;
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: this.inputRef,
+        type: "text",
+        inputMode: "decimal",
+        autoComplete: "off",
+        autoCorrect: "off",
+        spellCheck: false,
+        value: this.state.display,
+        placeholder,
+        disabled,
+        readOnly,
+        className,
+        style,
+        name,
+        id,
+        autoFocus,
+        onChange: this.handleChange,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        onKeyDown: this.handleKeyDown,
+        onPaste: this.handlePaste
+      }
+    );
+  }
+};
+BigIntInput.defaultProps = {
+  showZero: false,
+  placeholder: "0",
+  format: { thousand: ",", decimal: "." },
+  allowNegative: false
+};
+export {
+  BigIntInput,
+  formatValue,
+  parseValue
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/BigIntInput.tsx","../src/utils.ts"],"sourcesContent":["import React, { Component, createRef } from 'react'\nimport { formatUnits, parseUnits, truncateDecimals, stripLeadingZeros, detectSeparators, escapeRegExp } from './utils'\n\nexport interface FormatConfig {\n    /** Use Intl.NumberFormat with this locale for grouping (e.g. 'de-DE', 'en-IN') */\n    locale?: string\n    /** Thousands grouping character (e.g. ',' → 1,000) */\n    thousand?: string\n    /** Decimal point character (e.g. '.' → 1.5) */\n    decimal?: string\n}\n\nexport interface BigIntInputProps {\n    /** Current value as BigInt in smallest unit (e.g. wei) */\n    value: bigint\n    /** Token decimals (e.g. 18 for ETH, 6 for USDC) */\n    decimals: number\n    /** Fires when the BigInt value changes */\n    onChange: (value: bigint) => void\n    /** Maximum allowed value (clamped on input) */\n    max?: bigint\n    /** Minimum allowed value (clamped on input) */\n    min?: bigint\n    /** Number formatting — \"auto\" (browser locale), \"none\" (raw digits), or a config object */\n    format?: FormatConfig | 'auto' | 'none'\n    /** Allow negative values (default: false) */\n    allowNegative?: boolean\n    /** Render \"0\" instead of empty when value is 0n */\n    showZero?: boolean\n    /** Placeholder text */\n    placeholder?: string\n    /** Disable the input */\n    disabled?: boolean\n    /** Read-only mode */\n    readOnly?: boolean\n    /** CSS class name */\n    className?: string\n    /** Inline styles */\n    style?: React.CSSProperties\n    /** HTML name attribute */\n    name?: string\n    /** HTML id attribute */\n    id?: string\n    /** Auto-focus on mount */\n    autoFocus?: boolean\n    /** Focus callback */\n    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void\n    /** Blur callback */\n    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void\n}\n\ninterface ResolvedFormat {\n    thousand: string\n    decimal: string\n}\n\ninterface BigIntInputState {\n    display: string\n    focused: boolean\n}\n\nexport class BigIntInput extends Component<BigIntInputProps, BigIntInputState> {\n    private inputRef = createRef<HTMLInputElement>()\n    private _resolvedFormat: ResolvedFormat | null = null\n    private _intlFormatter: Intl.NumberFormat | null = null\n    private _prevFormatProp: FormatConfig | 'auto' | 'none' | undefined = undefined\n    private pendingCursor: number | null = null\n\n    static defaultProps = {\n        showZero: false,\n        placeholder: '0',\n        format: { thousand: ',', decimal: '.' },\n        allowNegative: false,\n    }\n\n    constructor(props: BigIntInputProps) {\n        super(props)\n        this._prevFormatProp = props.format\n        this.state = {\n            display: this.valueToDisplay(props.value, props.decimals, props.showZero),\n            focused: false,\n        }\n    }\n\n    // --- Format helpers ---\n\n    private get fmt(): ResolvedFormat {\n        const { format } = this.props\n\n        if (format === 'none') {\n            return { thousand: '', decimal: '.' }\n        }\n\n        if (format === 'auto') {\n            if (!this._resolvedFormat) {\n                const detected = detectSeparators()\n                this._resolvedFormat = { thousand: detected.thousands, decimal: detected.decimal }\n                this._intlFormatter = new Intl.NumberFormat()\n            }\n            return this._resolvedFormat\n        }\n\n        if (typeof format === 'object') {\n            // If locale is provided, use Intl for that locale\n            if (format.locale) {\n                if (!this._resolvedFormat) {\n                    const detected = detectSeparators(format.locale)\n                    this._resolvedFormat = {\n                        thousand: format.thousand ?? detected.thousands,\n                        decimal: format.decimal ?? detected.decimal,\n                    }\n                    this._intlFormatter = new Intl.NumberFormat(format.locale)\n                }\n                return this._resolvedFormat\n            }\n\n            return {\n                thousand: format.thousand ?? ',',\n                decimal: format.decimal ?? '.',\n            }\n        }\n\n        return { thousand: ',', decimal: '.' }\n    }\n\n    private formatChanged(): boolean {\n        const prev = this._prevFormatProp\n        const curr = this.props.format\n\n        if (typeof curr === 'object' && typeof prev === 'object') {\n            return curr?.thousand !== prev?.thousand ||\n                curr?.decimal !== prev?.decimal ||\n                curr?.locale !== prev?.locale\n        }\n        return curr !== prev\n    }\n\n    private addThousands(value: string): string {\n        const { thousand, decimal } = this.fmt\n\n        if (!thousand) return decimal !== '.' ? value.replace('.', decimal) : value\n\n        const isNegative = value.startsWith('-')\n        const abs = isNegative ? value.slice(1) : value\n        const parts = abs.split('.')\n\n        if (this._intlFormatter && parts[0]) {\n            try {\n                parts[0] = this._intlFormatter.format(BigInt(parts[0]))\n            } catch {\n                parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousand)\n            }\n        } else {\n            parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousand)\n        }\n\n        const formatted = parts.join(decimal)\n        return isNegative ? `-${formatted}` : formatted\n    }\n\n    private removeThousands(value: string): string {\n        const { thousand, decimal } = this.fmt\n        let cleaned = value\n        if (thousand) {\n            cleaned = cleaned.replace(new RegExp(escapeRegExp(thousand), 'g'), '')\n        }\n        if (decimal !== '.') {\n            cleaned = cleaned.replace(new RegExp(escapeRegExp(decimal), 'g'), '.')\n        }\n        return cleaned\n    }\n\n    // --- Cursor tracking ---\n\n    private digitIndex(str: string, cursorPos: number): number {\n        const { thousand } = this.fmt\n        let count = 0\n        for (let i = 0; i < cursorPos && i < str.length; i++) {\n            if (str[i] !== thousand) count++\n        }\n        return count\n    }\n\n    private cursorFromDigitIndex(str: string, digitIdx: number): number {\n        const { thousand } = this.fmt\n        let count = 0\n        for (let i = 0; i < str.length; i++) {\n            if (str[i] !== thousand) {\n                if (count === digitIdx) return i\n                count++\n            }\n        }\n        return str.length\n    }\n\n    // --- Formatting ---\n\n    private valueToDisplay(value: bigint, decimals: number, showZero?: boolean): string {\n        if (value === 0n && !showZero) return ''\n        return this.addThousands(formatUnits(value, decimals))\n    }\n\n    private sanitize(input: string, decimals: number): string | null {\n        if (!input) return ''\n        if (input === '.') return decimals > 0 ? '0.' : null\n        if (this.props.allowNegative && input === '-.') return decimals > 0 ? '-0.' : null\n\n        let cleaned = this.props.allowNegative\n            ? input.replace(/[^0-9.\\-]/g, '')\n            : input.replace(/[^0-9.]/g, '')\n\n        // Only allow one minus at the start\n        if (this.props.allowNegative) {\n            const hasMinus = cleaned.startsWith('-')\n            cleaned = cleaned.replace(/-/g, '')\n            if (hasMinus) cleaned = '-' + cleaned\n        }\n\n        const dotCount = (cleaned.match(/\\./g) || []).length\n        if (dotCount > 1) {\n            const firstDot = cleaned.indexOf('.')\n            cleaned = cleaned.slice(0, firstDot + 1) + cleaned.slice(firstDot + 1).replace(/\\./g, '')\n        }\n\n        if (decimals === 0 && cleaned.includes('.')) {\n            cleaned = cleaned.split('.')[0]\n        }\n\n        cleaned = truncateDecimals(cleaned, decimals)\n        cleaned = stripLeadingZeros(cleaned)\n        return cleaned\n    }\n\n    // --- Lifecycle ---\n\n    componentDidUpdate(prevProps: BigIntInputProps, _prevState: BigIntInputState) {\n        if (this.formatChanged()) {\n            this._resolvedFormat = null\n            this._intlFormatter = null\n            this._prevFormatProp = this.props.format\n            this.setState({\n                display: this.valueToDisplay(this.props.value, this.props.decimals, this.props.showZero),\n            })\n            return\n        }\n\n        this._prevFormatProp = this.props.format\n\n        if (this.pendingCursor !== null) {\n            const cursor = this.pendingCursor\n            this.pendingCursor = null\n            const input = this.inputRef.current\n            if (input) {\n                requestAnimationFrame(() => input.setSelectionRange(cursor, cursor))\n            }\n        }\n\n        const { value, decimals, showZero } = this.props\n\n        if (decimals !== prevProps.decimals) {\n            this.setState({ display: this.valueToDisplay(value, decimals, showZero) })\n            return\n        }\n\n        if (value !== prevProps.value && !this.state.focused) {\n            this.setState({ display: this.valueToDisplay(value, decimals, showZero) })\n        }\n\n        if (value !== prevProps.value && this.state.focused) {\n            try {\n                const parsed = parseUnits(this.removeThousands(this.state.display) || '0', decimals)\n                if (parsed !== value) {\n                    this.setState({ display: this.valueToDisplay(value, decimals, showZero) })\n                }\n            } catch {\n                this.setState({ display: this.valueToDisplay(value, decimals, showZero) })\n            }\n        }\n    }\n\n    // --- Event handlers ---\n\n    private handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value\n        const input = this.inputRef.current\n        const cursorPos = e.target.selectionStart ?? raw.length\n        const { decimals, onChange, max, min } = this.props\n\n        const dIdx = this.digitIndex(raw, cursorPos)\n        const normalized = this.removeThousands(raw)\n        const sanitized = this.sanitize(normalized, decimals)\n        if (sanitized === null) return\n\n        const newDisplay = this.addThousands(sanitized)\n\n        const prepended = sanitized.length - normalized.length\n        const adjustedIdx = dIdx + Math.max(0, prepended)\n        const newCursor = this.cursorFromDigitIndex(newDisplay, adjustedIdx)\n\n        this.setState({ display: newDisplay }, () => {\n            if (input) input.setSelectionRange(newCursor, newCursor)\n        })\n\n        try {\n            let parsed = parseUnits(sanitized || '0', decimals)\n\n            if (max !== undefined && parsed > max) {\n                parsed = max\n                const maxDisplay = this.valueToDisplay(max, decimals, true)\n                this.setState({ display: maxDisplay }, () => {\n                    if (input) input.setSelectionRange(maxDisplay.length, maxDisplay.length)\n                })\n            }\n\n            if (min !== undefined && parsed < min) {\n                parsed = min\n                const minDisplay = this.valueToDisplay(min, decimals, true)\n                this.setState({ display: minDisplay }, () => {\n                    if (input) input.setSelectionRange(minDisplay.length, minDisplay.length)\n                })\n            }\n\n            onChange(parsed)\n        } catch {\n            // Intermediate state (e.g. \"1.\") — don't fire onChange\n        }\n    }\n\n    private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        const { thousand } = this.fmt\n        if (!thousand) return\n\n        const input = e.currentTarget\n        const pos = input.selectionStart\n        const end = input.selectionEnd\n        if (pos === null || end === null) return\n        if (pos !== end) return\n\n        const val = input.value\n\n        if (e.key === 'Backspace' && pos > 1 && val[pos - 1] === thousand) {\n            e.preventDefault()\n            const stripped = this.removeThousands(val)\n            const digitIdx = this.digitIndex(val, pos - 2)\n            const newStripped = stripped.slice(0, digitIdx) + stripped.slice(digitIdx + 1)\n            const sanitized = this.sanitize(newStripped, this.props.decimals) ?? ''\n            const newDisplay = this.addThousands(sanitized)\n            this.pendingCursor = this.cursorFromDigitIndex(newDisplay, digitIdx)\n            this.setState({ display: newDisplay })\n            try { this.props.onChange(parseUnits(sanitized || '0', this.props.decimals)) } catch {}\n        }\n\n        if (e.key === 'Delete' && pos < val.length - 1 && val[pos] === thousand) {\n            e.preventDefault()\n            const stripped = this.removeThousands(val)\n            const digitIdx = this.digitIndex(val, pos)\n            const newStripped = stripped.slice(0, digitIdx) + stripped.slice(digitIdx + 1)\n            const sanitized = this.sanitize(newStripped, this.props.decimals) ?? ''\n            const newDisplay = this.addThousands(sanitized)\n            this.pendingCursor = this.cursorFromDigitIndex(newDisplay, digitIdx)\n            this.setState({ display: newDisplay })\n            try { this.props.onChange(parseUnits(sanitized || '0', this.props.decimals)) } catch {}\n        }\n    }\n\n    private handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n        this.setState({ focused: true })\n        this.props.onFocus?.(e)\n    }\n\n    private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n        const { value, decimals, showZero } = this.props\n        this.setState({ focused: false, display: this.valueToDisplay(value, decimals, showZero) })\n        this.props.onBlur?.(e)\n    }\n\n    private handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n        const pasted = e.clipboardData.getData('text')\n        const { thousand, decimal } = this.fmt\n        const escapedDecimal = escapeRegExp(decimal)\n        const escapedThousand = thousand ? escapeRegExp(thousand) : ''\n        const minus = this.props.allowNegative ? '\\\\-' : ''\n        const allowed = new RegExp(`^[\\\\d${escapedDecimal}${escapedThousand}${minus}]+$`)\n        if (pasted && !allowed.test(pasted.trim())) {\n            e.preventDefault()\n        }\n    }\n\n    // --- Public API ---\n\n    public focus() { this.inputRef.current?.focus() }\n    public blur() { this.inputRef.current?.blur() }\n    public select() { this.inputRef.current?.select() }\n\n    render() {\n        const { placeholder, disabled, readOnly, className, style, name, id, autoFocus } = this.props\n\n        return (\n            <input\n                ref={this.inputRef}\n                type=\"text\"\n                inputMode=\"decimal\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                spellCheck={false}\n                value={this.state.display}\n                placeholder={placeholder}\n                disabled={disabled}\n                readOnly={readOnly}\n                className={className}\n                style={style}\n                name={name}\n                id={id}\n                autoFocus={autoFocus}\n                onChange={this.handleChange}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                onKeyDown={this.handleKeyDown}\n                onPaste={this.handlePaste}\n            />\n        )\n    }\n}\n","/**\n * Detect thousands and decimal separators from the browser locale.\n */\nexport function detectSeparators(locale?: string): { thousands: string; decimal: string } {\n    const parts = new Intl.NumberFormat(locale).formatToParts(1234567.89)\n    let thousands = ','\n    let decimal = '.'\n    for (const part of parts) {\n        if (part.type === 'group') thousands = part.value\n        if (part.type === 'decimal') decimal = part.value\n    }\n    return { thousands, decimal }\n}\n\n/**\n * Format a BigInt value into a canonical decimal string (always uses '.' as decimal).\n *\n * formatUnits(1500000n, 6)  → \"1.5\"\n * formatUnits(0n, 18)       → \"0\"\n */\nexport function formatUnits(value: bigint, decimals: number): string {\n    if (decimals === 0) return value.toString()\n\n    const isNegative = value < 0n\n    const abs = isNegative ? -value : value\n    const str = abs.toString().padStart(decimals + 1, '0')\n    const intPart = str.slice(0, str.length - decimals)\n    const fracPart = str.slice(str.length - decimals).replace(/0+$/, '')\n\n    const formatted = fracPart ? `${intPart}.${fracPart}` : intPart\n    return isNegative ? `-${formatted}` : formatted\n}\n\n/**\n * Parse a canonical decimal string into a BigInt value.\n * Expects '.' as decimal separator.\n *\n * parseUnits(\"1.5\", 6)  → 1500000n\n * parseUnits(\"1\", 18)   → 1000000000000000000n\n */\nexport function parseUnits(value: string, decimals: number): bigint {\n    if (!value || value === '.' || value === '-' || value === '-.') return 0n\n\n    const isNegative = value.startsWith('-')\n    const unsigned = isNegative ? value.slice(1) : value\n    const [intPart = '0', fracPart = ''] = unsigned.split('.')\n\n    if (fracPart.length > decimals) {\n        throw new Error(\n            `Fractional component exceeds decimals (${fracPart.length} > ${decimals})`\n        )\n    }\n\n    const paddedFrac = fracPart.padEnd(decimals, '0')\n    const combined = intPart + paddedFrac\n    const trimmed = combined.replace(/^0+/, '') || '0'\n    const result = BigInt(trimmed)\n    return isNegative ? -result : result\n}\n\n/** Truncate a decimal string to a max number of decimal places (no rounding). */\nexport function truncateDecimals(value: string, maxDecimals: number): string {\n    const dotIndex = value.indexOf('.')\n    if (dotIndex === -1) return value\n    if (maxDecimals === 0) return value.slice(0, dotIndex)\n    return value.slice(0, dotIndex + 1 + maxDecimals)\n}\n\n/** Strip unnecessary leading zeros from a numeric string. */\nexport function stripLeadingZeros(value: string): string {\n    if (!value) return value\n\n    const isNegative = value.startsWith('-')\n    const abs = isNegative ? value.slice(1) : value\n\n    const dotIndex = abs.indexOf('.')\n    let cleaned: string\n    if (dotIndex > 0) {\n        const intPart = abs.slice(0, dotIndex).replace(/^0+/, '') || '0'\n        cleaned = intPart + abs.slice(dotIndex)\n    } else {\n        cleaned = abs.replace(/^0+/, '') || '0'\n    }\n\n    return isNegative ? `-${cleaned}` : cleaned\n}\n\n/**\n * Format a BigInt value with thousands/decimal separators.\n *\n * formatValue(1500000n, 6)                        → \"1.5\"\n * formatValue(1234567890n, 6)                      → \"1,234.56789\"\n * formatValue(1234567890n, 6, { locale: 'de-DE' }) → \"1.234,56789\"\n * formatValue(1234567890n, 6, 'none')              → \"1234.56789\"\n */\nexport function formatValue(\n    value: bigint,\n    decimals: number,\n    format?: { locale?: string; thousand?: string; decimal?: string } | 'auto' | 'none'\n): string {\n    const raw = formatUnits(value, decimals)\n\n    if (format === 'none') return raw\n\n    let thousand: string\n    let decimal: string\n    let intlFormatter: Intl.NumberFormat | null = null\n\n    if (format === 'auto') {\n        const detected = detectSeparators()\n        thousand = detected.thousands\n        decimal = detected.decimal\n        intlFormatter = new Intl.NumberFormat()\n    } else if (typeof format === 'object' && format.locale) {\n        const detected = detectSeparators(format.locale)\n        thousand = format.thousand ?? detected.thousands\n        decimal = format.decimal ?? detected.decimal\n        intlFormatter = new Intl.NumberFormat(format.locale)\n    } else {\n        thousand = format?.thousand ?? ','\n        decimal = format?.decimal ?? '.'\n    }\n\n    if (!thousand) return decimal !== '.' ? raw.replace('.', decimal) : raw\n\n    const isNegative = raw.startsWith('-')\n    const abs = isNegative ? raw.slice(1) : raw\n    const parts = abs.split('.')\n\n    if (intlFormatter && parts[0]) {\n        try {\n            parts[0] = intlFormatter.format(BigInt(parts[0]))\n        } catch {\n            parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousand)\n        }\n    } else {\n        parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousand)\n    }\n\n    const formatted = parts.join(decimal)\n    return isNegative ? `-${formatted}` : formatted\n}\n\n/**\n * Parse a formatted string back into a BigInt value.\n *\n * parseValue(\"1,500.50\", 6)                        → 1500500000n\n * parseValue(\"1.500,50\", 6, { locale: 'de-DE' })   → 1500500000n\n * parseValue(\"1500\", 6, 'none')                     → 1500000000n\n * parseValue(\"1,00,000\", 6, { locale: 'en-IN' })   → 100000000000n\n */\nexport function parseValue(\n    value: string,\n    decimals: number,\n    format?: { locale?: string; thousand?: string; decimal?: string } | 'auto' | 'none'\n): bigint {\n    if (!value) return 0n\n\n    let thousand: string\n    let decimal: string\n\n    if (format === 'none') {\n        thousand = ''\n        decimal = '.'\n    } else if (format === 'auto') {\n        const detected = detectSeparators()\n        thousand = detected.thousands\n        decimal = detected.decimal\n    } else if (typeof format === 'object' && format.locale) {\n        const detected = detectSeparators(format.locale)\n        thousand = format.thousand ?? detected.thousands\n        decimal = format.decimal ?? detected.decimal\n    } else {\n        thousand = format?.thousand ?? ','\n        decimal = format?.decimal ?? '.'\n    }\n\n    let cleaned = value\n    if (thousand) {\n        cleaned = cleaned.replace(new RegExp(escapeRegExp(thousand), 'g'), '')\n    }\n    if (decimal !== '.') {\n        cleaned = cleaned.replace(new RegExp(escapeRegExp(decimal), 'g'), '.')\n    }\n\n    return parseUnits(cleaned, decimals)\n}\n\n/** Escape special regex characters in a string. */\nexport function escapeRegExp(str: string): string {\n    return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,56 @@
+{
+    "name": "react-bigint-input",
+    "version": "1.0.0",
+    "description": "A React input component for BigInt values with decimal formatting. Built for crypto/DeFi apps.",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "tsup",
+        "dev": "tsup --watch",
+        "example": "npx vite example",
+        "test": "vitest run",
+        "lint": "tsc --noEmit",
+        "prepublishOnly": "npm run build"
+    },
+    "keywords": [
+        "react",
+        "bigint",
+        "input",
+        "ethereum",
+        "web3",
+        "defi",
+        "crypto",
+        "decimals",
+        "token",
+        "swap"
+    ],
+    "author": "0x7361746f736869",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/0x7361746f736869/react-bigint-input.git"
+    },
+    "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+    },
+    "devDependencies": {
+        "@types/react": "^19.0.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "tsup": "^8.3.0",
+        "typescript": "^5.7.0",
+        "vitest": "^4.0.18"
+    }
+}