use-mask-input 3.10.0 → 3.10.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDTC7JTZP_cjs = require('./chunk-DTC7JTZP.cjs');
+var chunkPMBRAXS4_cjs = require('./chunk-PMBRAXS4.cjs');
 var react = require('react');
 
 function useMaskInput(props) {
@@ -8,25 +8,25 @@ function useMaskInput(props) {
   const ref = react.useRef(null);
   const maskRef = react.useRef(mask);
   const optionsRef = react.useRef(options);
-  const unmaskedValue = react.useCallback(() => chunkDTC7JTZP_cjs.getUnmaskedValue(ref.current), []);
+  const unmaskedValue = react.useCallback(() => chunkPMBRAXS4_cjs.getUnmaskedValue(ref.current), []);
   const refCallback = react.useCallback((input) => {
     if (!input) {
       ref.current = null;
       return;
     }
-    ref.current = chunkDTC7JTZP_cjs.resolveInputRef(input);
-    chunkDTC7JTZP_cjs.withMask(maskRef.current, optionsRef.current)(ref.current);
+    ref.current = chunkPMBRAXS4_cjs.resolveInputRef(input);
+    chunkPMBRAXS4_cjs.withMask(maskRef.current, optionsRef.current)(ref.current);
   }, []);
   react.useEffect(() => {
-    if (chunkDTC7JTZP_cjs.isServer_default || !ref.current || !register) return;
+    if (chunkPMBRAXS4_cjs.isServer_default || !ref.current || !register) return;
     register(ref.current);
   }, [register]);
-  if (chunkDTC7JTZP_cjs.isServer_default) {
+  if (chunkPMBRAXS4_cjs.isServer_default) {
     const noop = (() => {
     });
-    return chunkDTC7JTZP_cjs.setUnmaskedValue(noop, () => "");
+    return chunkPMBRAXS4_cjs.setUnmaskedValue(noop, () => "");
   }
-  return chunkDTC7JTZP_cjs.setUnmaskedValue(refCallback, unmaskedValue);
+  return chunkPMBRAXS4_cjs.setUnmaskedValue(refCallback, unmaskedValue);
 }
 function useHookFormMask(registerFn) {
   const entryCacheRef = react.useRef(/* @__PURE__ */ new Map());
@@ -46,7 +46,7 @@ function useHookFormMask(registerFn) {
       if (!registerFn) throw new Error("registerFn is required");
       const registerReturn = registerFn(fieldName, options);
       const { ref } = registerReturn;
-      const cacheKey = chunkDTC7JTZP_cjs.makeMaskCacheKey(fieldName, mask);
+      const cacheKey = chunkPMBRAXS4_cjs.makeMaskCacheKey(fieldName, mask);
       let entry = entryCacheRef.current.get(cacheKey);
       if (!entry) {
         const nextEntry = {
@@ -57,10 +57,10 @@ function useHookFormMask(registerFn) {
         };
         const applyMaskToRef = (_ref) => {
           nextEntry.element = _ref;
-          if (_ref) chunkDTC7JTZP_cjs.applyMaskToElement(_ref, mask, options);
+          if (_ref) chunkPMBRAXS4_cjs.applyMaskToElement(_ref, mask, options);
           return _ref;
         };
-        nextEntry.stableRef = nextEntry.latestRHFRef ? chunkDTC7JTZP_cjs.flow(applyMaskToRef, (_ref) => nextEntry.latestRHFRef?.(_ref)) : applyMaskToRef;
+        nextEntry.stableRef = nextEntry.latestRHFRef ? chunkPMBRAXS4_cjs.flow(applyMaskToRef, (_ref) => nextEntry.latestRHFRef?.(_ref)) : applyMaskToRef;
         entry = nextEntry;
         entryCacheRef.current.set(cacheKey, nextEntry);
       } else {
@@ -70,8 +70,8 @@ function useHookFormMask(registerFn) {
         ...registerReturn,
         ref: entry.stableRef
       };
-      chunkDTC7JTZP_cjs.setUnmaskedValue(result, () => chunkDTC7JTZP_cjs.getUnmaskedValue(entry?.element ?? null));
-      chunkDTC7JTZP_cjs.setPrevRef(result, ref);
+      chunkPMBRAXS4_cjs.setUnmaskedValue(result, () => chunkPMBRAXS4_cjs.getUnmaskedValue(entry?.element ?? null));
+      chunkPMBRAXS4_cjs.setPrevRef(result, ref);
       return result;
     };
   }, [registerFn]);
@@ -87,22 +87,22 @@ function withTanStackFormMask(inputProps, mask, options) {
       ...inputProps,
       ref: ((input) => {
         currentElement = input;
-        if (input) chunkDTC7JTZP_cjs.applyMaskToElement(input, mask, options);
+        if (input) chunkPMBRAXS4_cjs.applyMaskToElement(input, mask, options);
       })
     };
-    chunkDTC7JTZP_cjs.setUnmaskedValue(result2, () => chunkDTC7JTZP_cjs.getUnmaskedValue(currentElement));
-    chunkDTC7JTZP_cjs.setPrevRef(result2, ref);
+    chunkPMBRAXS4_cjs.setUnmaskedValue(result2, () => chunkPMBRAXS4_cjs.getUnmaskedValue(currentElement));
+    chunkPMBRAXS4_cjs.setPrevRef(result2, ref);
     return result2;
   }
   if (!refCache.has(ref)) {
     refCache.set(ref, /* @__PURE__ */ new Map());
   }
   const maskCache = refCache.get(ref);
-  const cacheKey = chunkDTC7JTZP_cjs.makeMaskCacheKey(inputProps.name ?? "", mask);
+  const cacheKey = chunkPMBRAXS4_cjs.makeMaskCacheKey(inputProps.name ?? "", mask);
   if (!maskCache?.has(cacheKey)) {
     const maskedRef2 = ((input) => {
       maskedRef2.currentElement = input;
-      if (input) chunkDTC7JTZP_cjs.applyMaskToElement(input, mask, options);
+      if (input) chunkPMBRAXS4_cjs.applyMaskToElement(input, mask, options);
       ref(input);
     });
     maskCache?.set(cacheKey, maskedRef2);
@@ -112,8 +112,8 @@ function withTanStackFormMask(inputProps, mask, options) {
     ...inputProps,
     ref: maskedRef
   };
-  chunkDTC7JTZP_cjs.setUnmaskedValue(result, () => chunkDTC7JTZP_cjs.getUnmaskedValue(maskedRef?.currentElement ?? null));
-  chunkDTC7JTZP_cjs.setPrevRef(result, ref);
+  chunkPMBRAXS4_cjs.setUnmaskedValue(result, () => chunkPMBRAXS4_cjs.getUnmaskedValue(maskedRef?.currentElement ?? null));
+  chunkPMBRAXS4_cjs.setPrevRef(result, ref);
   return result;
 }
 
@@ -134,19 +134,19 @@ function withHookFormMask(register, mask, options) {
       ...register,
       ref: null
     };
-    chunkDTC7JTZP_cjs.setUnmaskedValue(result2, () => "");
-    chunkDTC7JTZP_cjs.setPrevRef(result2, ref);
+    chunkPMBRAXS4_cjs.setUnmaskedValue(result2, () => "");
+    chunkPMBRAXS4_cjs.setPrevRef(result2, ref);
     return result2;
   }
   if (!refCache2.has(ref)) {
     refCache2.set(ref, /* @__PURE__ */ new Map());
   }
   const maskCache = refCache2.get(ref);
-  const cacheKey = chunkDTC7JTZP_cjs.makeMaskCacheKey(register.name, mask);
+  const cacheKey = chunkPMBRAXS4_cjs.makeMaskCacheKey(register.name, mask);
   if (!maskCache?.has(cacheKey)) {
     const maskedRef2 = ((input) => {
       maskedRef2.currentElement = input;
-      if (input) chunkDTC7JTZP_cjs.applyMaskToElement(input, mask, options);
+      if (input) chunkPMBRAXS4_cjs.applyMaskToElement(input, mask, options);
       return ref(input);
     });
     maskCache?.set(cacheKey, maskedRef2);
@@ -156,14 +156,14 @@ function withHookFormMask(register, mask, options) {
     ...register,
     ref: maskedRef
   };
-  chunkDTC7JTZP_cjs.setUnmaskedValue(result, () => chunkDTC7JTZP_cjs.getUnmaskedValue(maskedRef?.currentElement ?? null));
-  chunkDTC7JTZP_cjs.setPrevRef(result, ref);
+  chunkPMBRAXS4_cjs.setUnmaskedValue(result, () => chunkPMBRAXS4_cjs.getUnmaskedValue(maskedRef?.currentElement ?? null));
+  chunkPMBRAXS4_cjs.setPrevRef(result, ref);
   return result;
 }
 
 Object.defineProperty(exports, "withMask", {
   enumerable: true,
-  get: function () { return chunkDTC7JTZP_cjs.withMask; }
+  get: function () { return chunkPMBRAXS4_cjs.withMask; }
 });
 exports.useHookFormMask = useHookFormMask;
 exports.useMaskInput = useMaskInput;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { getUnmaskedValue, resolveInputRef, withMask, isServer_default, setUnmaskedValue, makeMaskCacheKey, flow, setPrevRef, applyMaskToElement } from './chunk-TVCNC3TP.js';
-export { withMask } from './chunk-TVCNC3TP.js';
+import { getUnmaskedValue, resolveInputRef, withMask, isServer_default, setUnmaskedValue, makeMaskCacheKey, flow, setPrevRef, applyMaskToElement } from './chunk-XSTQDKDU.js';
+export { withMask } from './chunk-XSTQDKDU.js';
 import { useRef, useCallback, useEffect, useLayoutEffect, useMemo } from 'react';
 
 function useMaskInput(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-mask-input",
-  "version": "3.10.0",
+  "version": "3.10.1",
   "private": false,
   "description": "A react Hook for build elegant input masks. Compatible with React Hook Form",
   "author": "Eduardo Borges<euduardoborges@gmail.com>",

package/src/antd/useMaskInputAntd.spec.tsx

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react';
-import inputmask from 'inputmask';
+import inputmask from '../core/inputmask';
 import {
   beforeEach,
   describe,
@@ -12,7 +12,7 @@ import useMaskInputAntd from './useMaskInputAntd';
 
 import type { InputRef } from 'antd';
 
-vi.mock('inputmask', () => ({
+vi.mock('../core/inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
     options,

package/src/api/useHookFormMask.spec.ts

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react';
-import inputmask from 'inputmask';
+import inputmask from '../core/inputmask';
 import {
   beforeEach,
   describe, expect, it, vi,
@@ -9,7 +9,7 @@ import useHookFormMask from './useHookFormMask';
 
 import type { FieldValues, UseFormRegister } from 'react-hook-form';
 
-vi.mock('inputmask', () => ({
+vi.mock('../core/inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
     options,

package/src/api/useMaskInput.spec.tsx

@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react';
-import inputmask from 'inputmask';
+import inputmask from '../core/inputmask';
 import {
   beforeEach,
   describe, expect, it, vi,
@@ -10,7 +10,7 @@ import * as core from '../core';
 
 import type { Input } from '../types';
 
-vi.mock('inputmask', () => ({
+vi.mock('../core/inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
     options,

package/src/api/withHookFormMask.spec.ts

@@ -1,4 +1,4 @@
-import inputmask from 'inputmask';
+import inputmask from '../core/inputmask';
 import {
   beforeEach,
   describe, expect, it, vi,
@@ -11,7 +11,7 @@ import type { FieldValues } from 'react-hook-form';
 
 import type { UseHookFormMaskReturn } from '../types';
 
-vi.mock('inputmask', () => ({
+vi.mock('../core/inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
     options,

package/src/api/withMask.spec.ts

@@ -1,11 +1,11 @@
-import inputmask from 'inputmask';
+import inputmask from '../core/inputmask';
 import {
   beforeEach, describe, expect, it, vi,
 } from 'vitest';
 
 import withMask from './withMask';
 
-vi.mock('inputmask', () => ({
+vi.mock('../core/inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
     options,

package/src/api/withMask.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import-x/no-extraneous-dependencies */
-import inputmask from 'inputmask';
+import inputmask from '../core/inputmask';
 
 import { getMaskOptions } from '../core/maskConfig';
 import { getUnmaskedValue, makeMaskCacheKey, setUnmaskedValue } from '../utils';

package/src/api/withTanStackFormMask.spec.ts

@@ -1,4 +1,4 @@
-import inputmask from 'inputmask';
+import inputmask from '../core/inputmask';
 import {
   beforeEach,
   describe, expect, it, vi,
@@ -8,7 +8,7 @@ import withTanStackFormMask from './withTanStackFormMask';
 
 import type { TanStackFormInputProps } from '../types';
 
-vi.mock('inputmask', () => ({
+vi.mock('../core/inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
     options,

package/src/core/inputmask.spec.ts

@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest';
+
+import inputmask from './inputmask';
+
+describe('inputmask wrapper', () => {
+  it('loads the aliases used by built-in masks', () => {
+    const aliases = (inputmask as unknown as { prototype: { aliases: Record<string, unknown> } }).prototype.aliases;
+
+    expect(aliases.datetime).toBeDefined();
+    expect(aliases.email).toBeDefined();
+    expect(aliases.numeric).toBeDefined();
+    expect(aliases.currency).toBeDefined();
+    expect(aliases.decimal).toBeDefined();
+    expect(aliases.integer).toBeDefined();
+    expect(aliases.percentage).toBeDefined();
+    expect(aliases.url).toBeDefined();
+    expect(aliases.ip).toBeDefined();
+    expect(aliases.mac).toBeDefined();
+    expect(aliases.ssn).toBeDefined();
+  });
+});

package/src/core/inputmask.ts

@@ -0,0 +1,10 @@
+/* eslint-disable import-x/no-extraneous-dependencies, import/no-unassigned-import */
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore Inputmask exposes this ESM file but not its subpath types in app builds.
+import Inputmask from 'inputmask/lib/inputmask.js';
+
+import 'inputmask/lib/extensions/inputmask.extensions.js';
+import 'inputmask/lib/extensions/inputmask.date.extensions.js';
+import 'inputmask/lib/extensions/inputmask.numeric.extensions.js';
+
+export default Inputmask;

package/src/core/maskEngine.spec.ts

@@ -1,4 +1,4 @@
-import inputmask from 'inputmask';
+import inputmask from './inputmask';
 import {
   beforeEach, describe, expect, it, vi,
 } from 'vitest';
@@ -11,7 +11,7 @@ function stubMaskInstance(maskFn: ReturnType<typeof vi.fn>): MaskInstance {
   return { mask: maskFn } as unknown as MaskInstance;
 }
 
-vi.mock('inputmask', () => ({
+vi.mock('./inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
     options,

package/src/core/maskEngine.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import-x/no-extraneous-dependencies */
-import inputmask from 'inputmask';
+import inputmask from './inputmask';
 
 import { getMaskOptions } from './maskConfig';
 import { moduleInterop } from '../utils';
@@ -14,7 +14,7 @@ import type { Mask, Options } from '../types';
  * @param options - Optional configuration options
  * @returns A mask instance
  */
-export function createMaskInstance(mask: Mask, options?: Options): Inputmask.Instance {
+export function createMaskInstance(mask: Mask, options?: Options): ReturnType<typeof inputmask> {
   const inputmaskInstance = moduleInterop(inputmask);
   return inputmaskInstance(getMaskOptions(mask, options));
 }

package/src/utils/maskHelpers.ts

@@ -2,6 +2,10 @@ import { findInputElement, resolveInputRef } from '../core/elementResolver';
 
 import type { Input, Mask, UnmaskedValueApi } from '../types';
 
+type MaskedElement = (HTMLInputElement | HTMLTextAreaElement) & {
+  inputmask?: { unmaskedvalue?: () => string };
+};
+
 /**
  * Builds a stable string key from a field name and mask, used to cache ref
  * callbacks so their identity stays stable across renders.
@@ -39,9 +43,7 @@ export function getUnmaskedValue(input: Input | null): string {
   const element = resolveUnmaskedInput(input);
   if (!element) return '';
 
-  const inputmask = (element as HTMLInputElement).inputmask as
-    | { unmaskedvalue?: () => string }
-    | undefined;
+  const { inputmask } = element as MaskedElement;
 
   if (inputmask && typeof inputmask.unmaskedvalue === 'function') {
     return inputmask.unmaskedvalue();