numora-react 1.0.6 → 1.0.7

package/dist/index.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var numora = require('numora');
+
+function handleNumoraOnChange(e, options) {
+    numora.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 = numora.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 numora.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 === numora.FormatOn.Blur) {
+        numora.handleOnChangeNumoraInput(e.nativeEvent, options.decimalMaxLength, undefined, { ...options.formattingOptions, formatOn: numora.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 = react.forwardRef((props, ref) => {
+    const { maxDecimals = 2, onChange, onPaste, onBlur, onKeyDown, formatOn = numora.FormatOn.Blur, thousandSeparator = ',', thousandStyle = numora.ThousandStyle.Thousand, decimalSeparator = '.', decimalMinLength, enableCompactNotation = false, enableNegative = false, enableLeadingZeros = false, rawValueMode = false, value: controlledValue, defaultValue, ...rest } = props;
+    const inputRef = react.useRef(null);
+    const caretInfoRef = react.useRef(undefined);
+    const [internalValue, setInternalValue] = react.useState(controlledValue !== undefined
+        ? String(controlledValue)
+        : defaultValue !== undefined
+            ? String(defaultValue)
+            : '');
+    // Keep internal state in sync when controlled
+    react.useEffect(() => {
+        if (controlledValue !== undefined) {
+            setInternalValue(String(controlledValue));
+        }
+    }, [controlledValue]);
+    react.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 };
+        numora.handleOnChangeNumoraInput(fakeEvent, maxDecimals, undefined, formattingOptions);
+        return el.value;
+    };
+    // When controlled value changes, normalize/format it for display
+    react.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 (jsxRuntime.jsx("input", { ...rest, ref: inputRef, value: internalValue, onChange: handleChange, onPaste: handlePaste, onKeyDown: handleKeyDown, onBlur: handleBlur, type: "text", inputMode: "decimal" }));
+});
+NumoraInput.displayName = 'NumoraInput';
+
+Object.defineProperty(exports, "FormatOn", {
+    enumerable: true,
+    get: function () { return numora.FormatOn; }
+});
+Object.defineProperty(exports, "ThousandStyle", {
+    enumerable: true,
+    get: function () { return numora.ThousandStyle; }
+});
+exports.NumoraInput = NumoraInput;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.js

@@ -5,192 +5,157 @@ var react = require('react');
 var numora = require('numora');
 
 function handleNumoraOnChange(e, options) {
-  numora.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
-  };
+    numora.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 = numora.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
-  };
+    const value = numora.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 numora.handleOnKeyDownNumoraInput(e.nativeEvent, formattingOptions);
+    return numora.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 === numora.FormatOn.Blur) {
-    numora.handleOnChangeNumoraInput(e.nativeEvent, options.decimalMaxLength, undefined, {
-      ...options.formattingOptions,
-      formatOn: numora.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
-  };
+    // If formatOn is blur, force formatting on blur by invoking change handler logic
+    if (options.formattingOptions.formatOn === numora.FormatOn.Blur) {
+        numora.handleOnChangeNumoraInput(e.nativeEvent, options.decimalMaxLength, undefined, { ...options.formattingOptions, formatOn: numora.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 = /*#__PURE__*/react.forwardRef((props, ref) => {
-  const {
-    maxDecimals = 2,
-    onChange,
-    onPaste,
-    onBlur,
-    onKeyDown,
-    formatOn = numora.FormatOn.Blur,
-    thousandSeparator = ',',
-    thousandStyle = numora.ThousandStyle.Thousand,
-    decimalSeparator = '.',
-    decimalMinLength,
-    enableCompactNotation = false,
-    enableNegative = false,
-    enableLeadingZeros = false,
-    rawValueMode = false,
-    value: controlledValue,
-    defaultValue,
-    ...rest
-  } = props;
-  const inputRef = react.useRef(null);
-  const caretInfoRef = react.useRef(undefined);
-  const [internalValue, setInternalValue] = react.useState(controlledValue !== undefined ? String(controlledValue) : defaultValue !== undefined ? String(defaultValue) : '');
-  // Keep internal state in sync when controlled
-  react.useEffect(() => {
-    if (controlledValue !== undefined) {
-      setInternalValue(String(controlledValue));
-    }
-  }, [controlledValue]);
-  react.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
+const NumoraInput = react.forwardRef((props, ref) => {
+    const { maxDecimals = 2, onChange, onPaste, onBlur, onKeyDown, formatOn = numora.FormatOn.Blur, thousandSeparator = ',', thousandStyle = numora.ThousandStyle.Thousand, decimalSeparator = '.', decimalMinLength, enableCompactNotation = false, enableNegative = false, enableLeadingZeros = false, rawValueMode = false, value: controlledValue, defaultValue, ...rest } = props;
+    const inputRef = react.useRef(null);
+    const caretInfoRef = react.useRef(undefined);
+    const [internalValue, setInternalValue] = react.useState(controlledValue !== undefined
+        ? String(controlledValue)
+        : defaultValue !== undefined
+            ? String(defaultValue)
+            : '');
+    // Keep internal state in sync when controlled
+    react.useEffect(() => {
+        if (controlledValue !== undefined) {
+            setInternalValue(String(controlledValue));
+        }
+    }, [controlledValue]);
+    react.useImperativeHandle(ref, () => inputRef.current, []);
+    const formattingOptions = {
+        formatOn,
+        thousandSeparator,
+        ThousandStyle: thousandStyle,
+        decimalSeparator,
+        decimalMinLength,
+        enableCompactNotation,
+        enableNegative,
+        enableLeadingZeros,
+        rawValueMode,
     };
-    numora.handleOnChangeNumoraInput(fakeEvent, maxDecimals, undefined, formattingOptions);
-    return el.value;
-  };
-  // When controlled value changes, normalize/format it for display
-  react.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 jsxRuntime.jsx("input", {
-    ...rest,
-    ref: inputRef,
-    value: internalValue,
-    onChange: handleChange,
-    onPaste: handlePaste,
-    onKeyDown: handleKeyDown,
-    onBlur: handleBlur,
-    type: "text",
-    inputMode: "decimal"
-  });
+    const formatValueWithCore = (value) => {
+        const el = inputRef.current ?? document.createElement('input');
+        el.value = value;
+        const fakeEvent = { target: el };
+        numora.handleOnChangeNumoraInput(fakeEvent, maxDecimals, undefined, formattingOptions);
+        return el.value;
+    };
+    // When controlled value changes, normalize/format it for display
+    react.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 (jsxRuntime.jsx("input", { ...rest, ref: inputRef, value: internalValue, onChange: handleChange, onPaste: handlePaste, onKeyDown: handleKeyDown, onBlur: handleBlur, type: "text", inputMode: "decimal" }));
 });
 NumoraInput.displayName = 'NumoraInput';
 

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"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":["handleNumoraOnChange","e","options","handleOnChangeNumoraInput","nativeEvent","decimalMaxLength","caretPositionBeforeChange","formattingOptions","target","rawValue","getAttribute","undefined","removeAttribute","value","handleNumoraOnPaste","handleOnPasteNumoraInput","handleNumoraOnKeyDown","handleOnKeyDownNumoraInput","handleNumoraOnBlur","formatOn","FormatOn","Blur","Change","NumoraInput","forwardRef","props","ref","maxDecimals","onChange","onPaste","onBlur","onKeyDown","thousandSeparator","thousandStyle","ThousandStyle","Thousand","decimalSeparator","decimalMinLength","enableCompactNotation","enableNegative","enableLeadingZeros","rawValueMode","controlledValue","defaultValue","rest","inputRef","useRef","caretInfoRef","internalValue","setInternalValue","useState","String","useEffect","useImperativeHandle","current","formatValueWithCore","el","document","createElement","fakeEvent","formatted","handleChange","setAttribute","handlePaste","handleKeyDown","handleBlur","_jsx","type","inputMode","displayName"],"mappings":"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"}
+{"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

@@ -0,0 +1 @@
+{"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

@@ -4,192 +4,157 @@ import { FormatOn, handleOnChangeNumoraInput, handleOnKeyDownNumoraInput, handle
 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
-  };
+    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
-  };
+    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);
+    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
-  };
+    // 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 = /*#__PURE__*/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
+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,
     };
-    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"
-  });
+    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';
 

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"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":["handleNumoraOnChange","e","options","handleOnChangeNumoraInput","nativeEvent","decimalMaxLength","caretPositionBeforeChange","formattingOptions","target","rawValue","getAttribute","undefined","removeAttribute","value","handleNumoraOnPaste","handleOnPasteNumoraInput","handleNumoraOnKeyDown","handleOnKeyDownNumoraInput","handleNumoraOnBlur","formatOn","FormatOn","Blur","Change","NumoraInput","forwardRef","props","ref","maxDecimals","onChange","onPaste","onBlur","onKeyDown","thousandSeparator","thousandStyle","ThousandStyle","Thousand","decimalSeparator","decimalMinLength","enableCompactNotation","enableNegative","enableLeadingZeros","rawValueMode","controlledValue","defaultValue","rest","inputRef","useRef","caretInfoRef","internalValue","setInternalValue","useState","String","useEffect","useImperativeHandle","current","formatValueWithCore","el","document","createElement","fakeEvent","formatted","handleChange","setAttribute","handlePaste","handleKeyDown","handleBlur","_jsx","type","inputMode","displayName"],"mappings":"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"}
+{"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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"}

package/package.json

@@ -1,12 +1,19 @@
 {
   "name": "numora-react",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Numora for React - Headless finance input library",
   "homepage": "https://numora.xyz/",
   "type": "module",
-  "main": "dist/index.cjs.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -48,10 +55,6 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.2",

package/rollup.config.mjs

@@ -1,6 +1,5 @@
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
-import babel from '@rollup/plugin-babel';
 import typescript from '@rollup/plugin-typescript';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import packageJson from './package.json' assert { type: 'json' };
@@ -24,15 +23,6 @@ export default {
     resolve(),
     commonjs(),
     typescript({ tsconfig: './tsconfig.json' }),
-    babel({
-      exclude: 'node_modules/**',
-      extensions: ['.js', '.jsx', '.ts', '.tsx'],
-      babelHelpers: 'bundled',
-      presets: [
-        ['@babel/preset-env', { targets: 'defaults' }],
-        ['@babel/preset-react', { runtime: 'automatic' }],
-      ],
-    }),
   ],
   external: ['react', 'react-dom', 'numora'],
 };