numora-react 1.0.7 → 2.0.5

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/handlers.ts","../src/index.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n  handleOnChangeNumoraInput,\n  handleOnKeyDownNumoraInput,\n  handleOnPasteNumoraInput,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  FormatOn,\n} from 'numora';\n\ntype ChangeResult = {\n  value: string;\n  rawValue?: string;\n};\n\ntype PasteResult = ChangeResult;\ntype BlurResult = ChangeResult;\n\ntype BaseOptions = {\n  decimalMaxLength: number;\n  caretPositionBeforeChange?: CaretPositionInfo;\n  formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n};\n\nexport function handleNumoraOnChange(\n  e: React.ChangeEvent<HTMLInputElement>,\n  options: BaseOptions\n): ChangeResult {\n  handleOnChangeNumoraInput(\n    e.nativeEvent as unknown as Event,\n    options.decimalMaxLength,\n    options.caretPositionBeforeChange,\n    options.formattingOptions\n  );\n\n  const target = e.target;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value: target.value,\n    rawValue,\n  };\n}\n\nexport function handleNumoraOnPaste(\n  e: React.ClipboardEvent<HTMLInputElement>,\n  options: Omit<BaseOptions, 'caretPositionBeforeChange'>\n): PasteResult {\n  const value = handleOnPasteNumoraInput(\n    e.nativeEvent as ClipboardEvent,\n    options.decimalMaxLength,\n    options.formattingOptions\n  );\n\n  const target = e.target as HTMLInputElement;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value,\n    rawValue,\n  };\n}\n\nexport function handleNumoraOnKeyDown(\n  e: React.KeyboardEvent<HTMLInputElement>,\n  formattingOptions: FormattingOptions\n): CaretPositionInfo | undefined {\n  return handleOnKeyDownNumoraInput(\n    e.nativeEvent as unknown as KeyboardEvent,\n    formattingOptions\n  );\n}\n\nexport function handleNumoraOnBlur(\n  e: React.FocusEvent<HTMLInputElement>,\n  options: {\n    decimalMaxLength: number;\n    formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n  }\n): BlurResult {\n  // If formatOn is blur, force formatting on blur by invoking change handler logic\n  if (options.formattingOptions.formatOn === FormatOn.Blur) {\n    handleOnChangeNumoraInput(\n      e.nativeEvent as unknown as Event,\n      options.decimalMaxLength,\n      undefined,\n      { ...options.formattingOptions, formatOn: FormatOn.Change }\n    );\n  }\n\n  const target = e.target;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value: target.value,\n    rawValue,\n  };\n}\n","import React, {\n  useRef,\n  useState,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n} from 'react';\nimport {\n  FormatOn,\n  ThousandStyle,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  handleOnChangeNumoraInput,\n} from 'numora';\nimport {\n  handleNumoraOnBlur,\n  handleNumoraOnChange,\n  handleNumoraOnKeyDown,\n  handleNumoraOnPaste,\n} from './handlers';\n\ninterface NumoraInputProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'onChange' | 'type' | 'inputMode'\n  > {\n  maxDecimals?: number;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ClipboardEvent<HTMLInputElement>) => void;\n\n  formatOn?: FormatOn;\n  thousandSeparator?: string;\n  thousandStyle?: ThousandStyle;\n  decimalSeparator?: string;\n  decimalMinLength?: number;\n\n  enableCompactNotation?: boolean;\n  enableNegative?: boolean;\n  enableLeadingZeros?: boolean;\n  rawValueMode?: boolean;\n}\n\nconst NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref) => {\n  const {\n    maxDecimals = 2,\n    onChange,\n    onPaste,\n    onBlur,\n    onKeyDown,\n    formatOn = FormatOn.Blur,\n    thousandSeparator = ',',\n    thousandStyle = ThousandStyle.Thousand,\n    decimalSeparator = '.',\n    decimalMinLength,\n    enableCompactNotation = false,\n    enableNegative = false,\n    enableLeadingZeros = false,\n    rawValueMode = false,\n    value: controlledValue,\n    defaultValue,\n    ...rest\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const caretInfoRef = useRef<CaretPositionInfo | undefined>(undefined);\n\n  const [internalValue, setInternalValue] = useState<string>(\n    controlledValue !== undefined\n      ? String(controlledValue)\n      : defaultValue !== undefined\n        ? String(defaultValue)\n        : ''\n  );\n\n  // Keep internal state in sync when controlled\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      setInternalValue(String(controlledValue));\n    }\n  }, [controlledValue]);\n\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n\n  const formattingOptions: FormattingOptions & { rawValueMode?: boolean } = {\n    formatOn,\n    thousandSeparator,\n    ThousandStyle: thousandStyle,\n    decimalSeparator,\n    decimalMinLength,\n    enableCompactNotation,\n    enableNegative,\n    enableLeadingZeros,\n    rawValueMode,\n  };\n\n  const formatValueWithCore = (value: string): string => {\n    const el = inputRef.current ?? document.createElement('input');\n    el.value = value;\n    const fakeEvent = { target: el } as unknown as Event;\n    handleOnChangeNumoraInput(fakeEvent, maxDecimals, undefined, formattingOptions);\n    return el.value;\n  };\n\n  // When controlled value changes, normalize/format it for display\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      const formatted = formatValueWithCore(String(controlledValue));\n      setInternalValue(formatted);\n    }\n  }, [controlledValue, formatOn, thousandSeparator, thousandStyle, decimalSeparator, decimalMinLength, enableCompactNotation, enableNegative, enableLeadingZeros, rawValueMode, maxDecimals]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnChange(e, {\n      decimalMaxLength: maxDecimals,\n      caretPositionBeforeChange: caretInfoRef.current,\n      formattingOptions,\n    });\n    caretInfoRef.current = undefined;\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    // Optionally expose rawValue via a custom event attribute if needed later\n    if (rawValue && e.target && rawValueMode) {\n      // Keep the raw value on the input for consumers that read it directly\n      e.target.setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnPaste(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onPaste) {\n      onPaste(e);\n    }\n    if (onChange) {\n      onChange(e);\n    }\n\n    if (rawValue && e.target && rawValueMode) {\n      (e.target as HTMLInputElement).setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    caretInfoRef.current = handleNumoraOnKeyDown(e, formattingOptions);\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnBlur(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onBlur) {\n      onBlur(e);\n    }\n\n    if (rawValue && e.target && rawValueMode) {\n      (e.target as HTMLInputElement).setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  return (\n    <input\n      {...rest}\n      ref={inputRef}\n      value={internalValue}\n      onChange={handleChange}\n      onPaste={handlePaste}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      type=\"text\"\n      inputMode=\"decimal\"\n    />\n  );\n});\n\nNumoraInput.displayName = 'NumoraInput';\n\nexport { NumoraInput };\nexport { FormatOn, ThousandStyle } from 'numora';\nexport type { FormattingOptions, CaretPositionInfo } from 'numora';\n"],"names":["handleOnChangeNumoraInput","handleOnPasteNumoraInput","handleOnKeyDownNumoraInput","FormatOn","forwardRef","ThousandStyle","useRef","useState","useEffect","useImperativeHandle","_jsx"],"mappings":"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"}

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/handlers.ts","../src/index.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n  handleOnChangeNumoraInput,\n  handleOnKeyDownNumoraInput,\n  handleOnPasteNumoraInput,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  FormatOn,\n} from 'numora';\n\ntype ChangeResult = {\n  value: string;\n  rawValue?: string;\n};\n\ntype PasteResult = ChangeResult;\ntype BlurResult = ChangeResult;\n\ntype BaseOptions = {\n  decimalMaxLength: number;\n  caretPositionBeforeChange?: CaretPositionInfo;\n  formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n};\n\nexport function handleNumoraOnChange(\n  e: React.ChangeEvent<HTMLInputElement>,\n  options: BaseOptions\n): ChangeResult {\n  handleOnChangeNumoraInput(\n    e.nativeEvent as unknown as Event,\n    options.decimalMaxLength,\n    options.caretPositionBeforeChange,\n    options.formattingOptions\n  );\n\n  const target = e.target;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value: target.value,\n    rawValue,\n  };\n}\n\nexport function handleNumoraOnPaste(\n  e: React.ClipboardEvent<HTMLInputElement>,\n  options: Omit<BaseOptions, 'caretPositionBeforeChange'>\n): PasteResult {\n  const value = handleOnPasteNumoraInput(\n    e.nativeEvent as ClipboardEvent,\n    options.decimalMaxLength,\n    options.formattingOptions\n  );\n\n  const target = e.target as HTMLInputElement;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value,\n    rawValue,\n  };\n}\n\nexport function handleNumoraOnKeyDown(\n  e: React.KeyboardEvent<HTMLInputElement>,\n  formattingOptions: FormattingOptions\n): CaretPositionInfo | undefined {\n  return handleOnKeyDownNumoraInput(\n    e.nativeEvent as unknown as KeyboardEvent,\n    formattingOptions\n  );\n}\n\nexport function handleNumoraOnBlur(\n  e: React.FocusEvent<HTMLInputElement>,\n  options: {\n    decimalMaxLength: number;\n    formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n  }\n): BlurResult {\n  // If formatOn is blur, force formatting on blur by invoking change handler logic\n  if (options.formattingOptions.formatOn === FormatOn.Blur) {\n    handleOnChangeNumoraInput(\n      e.nativeEvent as unknown as Event,\n      options.decimalMaxLength,\n      undefined,\n      { ...options.formattingOptions, formatOn: FormatOn.Change }\n    );\n  }\n\n  const target = e.target;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value: target.value,\n    rawValue,\n  };\n}\n","import React, {\n  useRef,\n  useState,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n} from 'react';\nimport {\n  FormatOn,\n  ThousandStyle,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  handleOnChangeNumoraInput,\n} from 'numora';\nimport {\n  handleNumoraOnBlur,\n  handleNumoraOnChange,\n  handleNumoraOnKeyDown,\n  handleNumoraOnPaste,\n} from './handlers';\n\ninterface NumoraInputProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'onChange' | 'type' | 'inputMode'\n  > {\n  maxDecimals?: number;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ClipboardEvent<HTMLInputElement>) => void;\n\n  formatOn?: FormatOn;\n  thousandSeparator?: string;\n  thousandStyle?: ThousandStyle;\n  decimalSeparator?: string;\n  decimalMinLength?: number;\n\n  enableCompactNotation?: boolean;\n  enableNegative?: boolean;\n  enableLeadingZeros?: boolean;\n  rawValueMode?: boolean;\n}\n\nconst NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref) => {\n  const {\n    maxDecimals = 2,\n    onChange,\n    onPaste,\n    onBlur,\n    onKeyDown,\n    formatOn = FormatOn.Blur,\n    thousandSeparator = ',',\n    thousandStyle = ThousandStyle.Thousand,\n    decimalSeparator = '.',\n    decimalMinLength,\n    enableCompactNotation = false,\n    enableNegative = false,\n    enableLeadingZeros = false,\n    rawValueMode = false,\n    value: controlledValue,\n    defaultValue,\n    ...rest\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const caretInfoRef = useRef<CaretPositionInfo | undefined>(undefined);\n\n  const [internalValue, setInternalValue] = useState<string>(\n    controlledValue !== undefined\n      ? String(controlledValue)\n      : defaultValue !== undefined\n        ? String(defaultValue)\n        : ''\n  );\n\n  // Keep internal state in sync when controlled\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      setInternalValue(String(controlledValue));\n    }\n  }, [controlledValue]);\n\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n\n  const formattingOptions: FormattingOptions & { rawValueMode?: boolean } = {\n    formatOn,\n    thousandSeparator,\n    ThousandStyle: thousandStyle,\n    decimalSeparator,\n    decimalMinLength,\n    enableCompactNotation,\n    enableNegative,\n    enableLeadingZeros,\n    rawValueMode,\n  };\n\n  const formatValueWithCore = (value: string): string => {\n    const el = inputRef.current ?? document.createElement('input');\n    el.value = value;\n    const fakeEvent = { target: el } as unknown as Event;\n    handleOnChangeNumoraInput(fakeEvent, maxDecimals, undefined, formattingOptions);\n    return el.value;\n  };\n\n  // When controlled value changes, normalize/format it for display\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      const formatted = formatValueWithCore(String(controlledValue));\n      setInternalValue(formatted);\n    }\n  }, [controlledValue, formatOn, thousandSeparator, thousandStyle, decimalSeparator, decimalMinLength, enableCompactNotation, enableNegative, enableLeadingZeros, rawValueMode, maxDecimals]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnChange(e, {\n      decimalMaxLength: maxDecimals,\n      caretPositionBeforeChange: caretInfoRef.current,\n      formattingOptions,\n    });\n    caretInfoRef.current = undefined;\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    // Optionally expose rawValue via a custom event attribute if needed later\n    if (rawValue && e.target && rawValueMode) {\n      // Keep the raw value on the input for consumers that read it directly\n      e.target.setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnPaste(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onPaste) {\n      onPaste(e);\n    }\n    if (onChange) {\n      onChange(e);\n    }\n\n    if (rawValue && e.target && rawValueMode) {\n      (e.target as HTMLInputElement).setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    caretInfoRef.current = handleNumoraOnKeyDown(e, formattingOptions);\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnBlur(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onBlur) {\n      onBlur(e);\n    }\n\n    if (rawValue && e.target && rawValueMode) {\n      (e.target as HTMLInputElement).setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  return (\n    <input\n      {...rest}\n      ref={inputRef}\n      value={internalValue}\n      onChange={handleChange}\n      onPaste={handlePaste}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      type=\"text\"\n      inputMode=\"decimal\"\n    />\n  );\n});\n\nNumoraInput.displayName = 'NumoraInput';\n\nexport { NumoraInput };\nexport { FormatOn, ThousandStyle } from 'numora';\nexport type { FormattingOptions, CaretPositionInfo } from 'numora';\n"],"names":["handleOnChangeNumoraInput","handleOnPasteNumoraInput","handleOnKeyDownNumoraInput","FormatOn","forwardRef","ThousandStyle","useRef","useState","useEffect","useImperativeHandle","_jsx"],"mappings":"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"}

package/dist/index.esm.js

@@ -1,162 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useState, useEffect, useImperativeHandle } from 'react';
-import { FormatOn, handleOnChangeNumoraInput, handleOnKeyDownNumoraInput, handleOnPasteNumoraInput, ThousandStyle } from 'numora';
-export { FormatOn, ThousandStyle } from 'numora';
-
-function handleNumoraOnChange(e, options) {
-    handleOnChangeNumoraInput(e.nativeEvent, options.decimalMaxLength, options.caretPositionBeforeChange, options.formattingOptions);
-    const target = e.target;
-    const rawValue = target.getAttribute('data-raw-value') ?? undefined;
-    if (rawValue) {
-        target.removeAttribute('data-raw-value');
-    }
-    return {
-        value: target.value,
-        rawValue,
-    };
-}
-function handleNumoraOnPaste(e, options) {
-    const value = handleOnPasteNumoraInput(e.nativeEvent, options.decimalMaxLength, options.formattingOptions);
-    const target = e.target;
-    const rawValue = target.getAttribute('data-raw-value') ?? undefined;
-    if (rawValue) {
-        target.removeAttribute('data-raw-value');
-    }
-    return {
-        value,
-        rawValue,
-    };
-}
-function handleNumoraOnKeyDown(e, formattingOptions) {
-    return handleOnKeyDownNumoraInput(e.nativeEvent, formattingOptions);
-}
-function handleNumoraOnBlur(e, options) {
-    // If formatOn is blur, force formatting on blur by invoking change handler logic
-    if (options.formattingOptions.formatOn === FormatOn.Blur) {
-        handleOnChangeNumoraInput(e.nativeEvent, options.decimalMaxLength, undefined, { ...options.formattingOptions, formatOn: FormatOn.Change });
-    }
-    const target = e.target;
-    const rawValue = target.getAttribute('data-raw-value') ?? undefined;
-    if (rawValue) {
-        target.removeAttribute('data-raw-value');
-    }
-    return {
-        value: target.value,
-        rawValue,
-    };
-}
-
-const NumoraInput = forwardRef((props, ref) => {
-    const { maxDecimals = 2, onChange, onPaste, onBlur, onKeyDown, formatOn = FormatOn.Blur, thousandSeparator = ',', thousandStyle = ThousandStyle.Thousand, decimalSeparator = '.', decimalMinLength, enableCompactNotation = false, enableNegative = false, enableLeadingZeros = false, rawValueMode = false, value: controlledValue, defaultValue, ...rest } = props;
-    const inputRef = useRef(null);
-    const caretInfoRef = useRef(undefined);
-    const [internalValue, setInternalValue] = useState(controlledValue !== undefined
-        ? String(controlledValue)
-        : defaultValue !== undefined
-            ? String(defaultValue)
-            : '');
-    // Keep internal state in sync when controlled
-    useEffect(() => {
-        if (controlledValue !== undefined) {
-            setInternalValue(String(controlledValue));
-        }
-    }, [controlledValue]);
-    useImperativeHandle(ref, () => inputRef.current, []);
-    const formattingOptions = {
-        formatOn,
-        thousandSeparator,
-        ThousandStyle: thousandStyle,
-        decimalSeparator,
-        decimalMinLength,
-        enableCompactNotation,
-        enableNegative,
-        enableLeadingZeros,
-        rawValueMode,
-    };
-    const formatValueWithCore = (value) => {
-        const el = inputRef.current ?? document.createElement('input');
-        el.value = value;
-        const fakeEvent = { target: el };
-        handleOnChangeNumoraInput(fakeEvent, maxDecimals, undefined, formattingOptions);
-        return el.value;
-    };
-    // When controlled value changes, normalize/format it for display
-    useEffect(() => {
-        if (controlledValue !== undefined) {
-            const formatted = formatValueWithCore(String(controlledValue));
-            setInternalValue(formatted);
-        }
-    }, [controlledValue, formatOn, thousandSeparator, thousandStyle, decimalSeparator, decimalMinLength, enableCompactNotation, enableNegative, enableLeadingZeros, rawValueMode, maxDecimals]);
-    const handleChange = (e) => {
-        const { value, rawValue } = handleNumoraOnChange(e, {
-            decimalMaxLength: maxDecimals,
-            caretPositionBeforeChange: caretInfoRef.current,
-            formattingOptions,
-        });
-        caretInfoRef.current = undefined;
-        if (controlledValue === undefined) {
-            setInternalValue(value);
-        }
-        else {
-            setInternalValue(value);
-        }
-        if (onChange) {
-            onChange(e);
-        }
-        // Optionally expose rawValue via a custom event attribute if needed later
-        if (rawValue && e.target && rawValueMode) {
-            // Keep the raw value on the input for consumers that read it directly
-            e.target.setAttribute('data-raw-value', rawValue);
-        }
-    };
-    const handlePaste = (e) => {
-        const { value, rawValue } = handleNumoraOnPaste(e, {
-            decimalMaxLength: maxDecimals,
-            formattingOptions,
-        });
-        if (controlledValue === undefined) {
-            setInternalValue(value);
-        }
-        else {
-            setInternalValue(value);
-        }
-        if (onPaste) {
-            onPaste(e);
-        }
-        if (onChange) {
-            onChange(e);
-        }
-        if (rawValue && e.target && rawValueMode) {
-            e.target.setAttribute('data-raw-value', rawValue);
-        }
-    };
-    const handleKeyDown = (e) => {
-        caretInfoRef.current = handleNumoraOnKeyDown(e, formattingOptions);
-        if (onKeyDown) {
-            onKeyDown(e);
-        }
-    };
-    const handleBlur = (e) => {
-        const { value, rawValue } = handleNumoraOnBlur(e, {
-            decimalMaxLength: maxDecimals,
-            formattingOptions,
-        });
-        if (controlledValue === undefined) {
-            setInternalValue(value);
-        }
-        else {
-            setInternalValue(value);
-        }
-        if (onBlur) {
-            onBlur(e);
-        }
-        if (rawValue && e.target && rawValueMode) {
-            e.target.setAttribute('data-raw-value', rawValue);
-        }
-    };
-    return (jsx("input", { ...rest, ref: inputRef, value: internalValue, onChange: handleChange, onPaste: handlePaste, onKeyDown: handleKeyDown, onBlur: handleBlur, type: "text", inputMode: "decimal" }));
-});
-NumoraInput.displayName = 'NumoraInput';
-
-export { NumoraInput };
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/handlers.ts","../src/index.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n  handleOnChangeNumoraInput,\n  handleOnKeyDownNumoraInput,\n  handleOnPasteNumoraInput,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  FormatOn,\n} from 'numora';\n\ntype ChangeResult = {\n  value: string;\n  rawValue?: string;\n};\n\ntype PasteResult = ChangeResult;\ntype BlurResult = ChangeResult;\n\ntype BaseOptions = {\n  decimalMaxLength: number;\n  caretPositionBeforeChange?: CaretPositionInfo;\n  formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n};\n\nexport function handleNumoraOnChange(\n  e: React.ChangeEvent<HTMLInputElement>,\n  options: BaseOptions\n): ChangeResult {\n  handleOnChangeNumoraInput(\n    e.nativeEvent as unknown as Event,\n    options.decimalMaxLength,\n    options.caretPositionBeforeChange,\n    options.formattingOptions\n  );\n\n  const target = e.target;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value: target.value,\n    rawValue,\n  };\n}\n\nexport function handleNumoraOnPaste(\n  e: React.ClipboardEvent<HTMLInputElement>,\n  options: Omit<BaseOptions, 'caretPositionBeforeChange'>\n): PasteResult {\n  const value = handleOnPasteNumoraInput(\n    e.nativeEvent as ClipboardEvent,\n    options.decimalMaxLength,\n    options.formattingOptions\n  );\n\n  const target = e.target as HTMLInputElement;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value,\n    rawValue,\n  };\n}\n\nexport function handleNumoraOnKeyDown(\n  e: React.KeyboardEvent<HTMLInputElement>,\n  formattingOptions: FormattingOptions\n): CaretPositionInfo | undefined {\n  return handleOnKeyDownNumoraInput(\n    e.nativeEvent as unknown as KeyboardEvent,\n    formattingOptions\n  );\n}\n\nexport function handleNumoraOnBlur(\n  e: React.FocusEvent<HTMLInputElement>,\n  options: {\n    decimalMaxLength: number;\n    formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n  }\n): BlurResult {\n  // If formatOn is blur, force formatting on blur by invoking change handler logic\n  if (options.formattingOptions.formatOn === FormatOn.Blur) {\n    handleOnChangeNumoraInput(\n      e.nativeEvent as unknown as Event,\n      options.decimalMaxLength,\n      undefined,\n      { ...options.formattingOptions, formatOn: FormatOn.Change }\n    );\n  }\n\n  const target = e.target;\n  const rawValue = target.getAttribute('data-raw-value') ?? undefined;\n  if (rawValue) {\n    target.removeAttribute('data-raw-value');\n  }\n\n  return {\n    value: target.value,\n    rawValue,\n  };\n}\n","import React, {\n  useRef,\n  useState,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n} from 'react';\nimport {\n  FormatOn,\n  ThousandStyle,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  handleOnChangeNumoraInput,\n} from 'numora';\nimport {\n  handleNumoraOnBlur,\n  handleNumoraOnChange,\n  handleNumoraOnKeyDown,\n  handleNumoraOnPaste,\n} from './handlers';\n\ninterface NumoraInputProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'onChange' | 'type' | 'inputMode'\n  > {\n  maxDecimals?: number;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ClipboardEvent<HTMLInputElement>) => void;\n\n  formatOn?: FormatOn;\n  thousandSeparator?: string;\n  thousandStyle?: ThousandStyle;\n  decimalSeparator?: string;\n  decimalMinLength?: number;\n\n  enableCompactNotation?: boolean;\n  enableNegative?: boolean;\n  enableLeadingZeros?: boolean;\n  rawValueMode?: boolean;\n}\n\nconst NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref) => {\n  const {\n    maxDecimals = 2,\n    onChange,\n    onPaste,\n    onBlur,\n    onKeyDown,\n    formatOn = FormatOn.Blur,\n    thousandSeparator = ',',\n    thousandStyle = ThousandStyle.Thousand,\n    decimalSeparator = '.',\n    decimalMinLength,\n    enableCompactNotation = false,\n    enableNegative = false,\n    enableLeadingZeros = false,\n    rawValueMode = false,\n    value: controlledValue,\n    defaultValue,\n    ...rest\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const caretInfoRef = useRef<CaretPositionInfo | undefined>(undefined);\n\n  const [internalValue, setInternalValue] = useState<string>(\n    controlledValue !== undefined\n      ? String(controlledValue)\n      : defaultValue !== undefined\n        ? String(defaultValue)\n        : ''\n  );\n\n  // Keep internal state in sync when controlled\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      setInternalValue(String(controlledValue));\n    }\n  }, [controlledValue]);\n\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n\n  const formattingOptions: FormattingOptions & { rawValueMode?: boolean } = {\n    formatOn,\n    thousandSeparator,\n    ThousandStyle: thousandStyle,\n    decimalSeparator,\n    decimalMinLength,\n    enableCompactNotation,\n    enableNegative,\n    enableLeadingZeros,\n    rawValueMode,\n  };\n\n  const formatValueWithCore = (value: string): string => {\n    const el = inputRef.current ?? document.createElement('input');\n    el.value = value;\n    const fakeEvent = { target: el } as unknown as Event;\n    handleOnChangeNumoraInput(fakeEvent, maxDecimals, undefined, formattingOptions);\n    return el.value;\n  };\n\n  // When controlled value changes, normalize/format it for display\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      const formatted = formatValueWithCore(String(controlledValue));\n      setInternalValue(formatted);\n    }\n  }, [controlledValue, formatOn, thousandSeparator, thousandStyle, decimalSeparator, decimalMinLength, enableCompactNotation, enableNegative, enableLeadingZeros, rawValueMode, maxDecimals]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnChange(e, {\n      decimalMaxLength: maxDecimals,\n      caretPositionBeforeChange: caretInfoRef.current,\n      formattingOptions,\n    });\n    caretInfoRef.current = undefined;\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    // Optionally expose rawValue via a custom event attribute if needed later\n    if (rawValue && e.target && rawValueMode) {\n      // Keep the raw value on the input for consumers that read it directly\n      e.target.setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnPaste(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onPaste) {\n      onPaste(e);\n    }\n    if (onChange) {\n      onChange(e);\n    }\n\n    if (rawValue && e.target && rawValueMode) {\n      (e.target as HTMLInputElement).setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    caretInfoRef.current = handleNumoraOnKeyDown(e, formattingOptions);\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnBlur(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    if (controlledValue === undefined) {\n      setInternalValue(value);\n    } else {\n      setInternalValue(value);\n    }\n\n    if (onBlur) {\n      onBlur(e);\n    }\n\n    if (rawValue && e.target && rawValueMode) {\n      (e.target as HTMLInputElement).setAttribute('data-raw-value', rawValue);\n    }\n  };\n\n  return (\n    <input\n      {...rest}\n      ref={inputRef}\n      value={internalValue}\n      onChange={handleChange}\n      onPaste={handlePaste}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      type=\"text\"\n      inputMode=\"decimal\"\n    />\n  );\n});\n\nNumoraInput.displayName = 'NumoraInput';\n\nexport { NumoraInput };\nexport { FormatOn, ThousandStyle } from 'numora';\nexport type { FormattingOptions, CaretPositionInfo } from 'numora';\n"],"names":["_jsx"],"mappings":"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"}