use-mask-input 3.7.0 → 3.7.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 ## [3.6.0](https://github.com/eduardoborges/use-mask-input/compare/3.5.2...3.6.0) (2026-01-13)
 
+## 3.7.1
+
+### Patch Changes
+
+- 6ba9e71: adjust entrypoint types in use-mask-input package configuration
+
 ## 3.7.0
 
 ### Minor Changes

package/dist/{antd/index.cjs → antd.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk4Y2DTPBL_cjs = require('../chunk-4Y2DTPBL.cjs');
+var chunk4Y2DTPBL_cjs = require('./chunk-4Y2DTPBL.cjs');
 var react = require('react');
 
 // src/antd/useHookFormMaskAntd.ts
@@ -63,5 +63,5 @@ function useMaskInputAntd(props) {
 
 exports.useHookFormMaskAntd = useHookFormMaskAntd;
 exports.useMaskInputAntd = useMaskInputAntd;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=antd.cjs.map
+//# sourceMappingURL=antd.cjs.map

package/dist/antd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/antd/useHookFormMaskAntd.ts","../src/antd/useMaskInputAntd.ts"],"names":["resolveInputRef","applyMaskToElement","useRef","useMemo","isServer_default","createMaskInstance","useCallback","useEffect","isHTMLElement","findInputElement"],"mappings":";;;;;;AA0Be,SAAR,oBAEL,UAAA,EAAgC;AAChC,EAAA,OAAO,CAAC,SAAA,EAAoB,IAAA,EAAY,OAAA,KACuB;AAC7D,IAAA,IAAI,CAAC,UAAA,EAAY,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAEzD,IAAA,MAAM,cAAA,GAAiB,UAAA,CAAW,SAAA,EAAW,OAAkB,CAAA;AAC/D,IAAA,MAAM,EAAE,KAAI,GAAI,cAAA;AAEhB,IAAA,MAAM,WAAA,GAA4C,CAAC,QAAA,KAAa;AAC9D,MAAA,MAAM,OAAA,GAAU,QAAA,GAAWA,iCAAA,CAAgB,QAAA,CAAS,KAAK,CAAA,GAAI,IAAA;AAC7D,MAAA,IAAI,OAAA,EAASC,oCAAA,CAAmB,OAAA,EAAS,IAAA,EAAM,OAAkB,CAAA;AACjE,MAAA,IAAI,GAAA,MAAS,OAAO,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS;AAAA,MACb,GAAG,cAAA;AAAA,MACH,GAAA,EAAK;AAAA,KACP;AAEA,IAAA,MAAA,CAAO,cAAA,CAAe,QAAQ,SAAA,EAAW;AAAA,MACvC,KAAA,EAAO,GAAA;AAAA,MACP,UAAA,EAAY,KAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,YAAA,EAAc;AAAA,KACf,CAAA;AAED,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AACF;ACxBe,SAAR,iBAAkC,KAAA,EAE/B;AACR,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,OAAA,EAAQ,GAAI,KAAA;AACpC,EAAA,MAAM,GAAA,GAAMC,aAAwB,IAAI,CAAA;AACxC,EAAA,MAAM,SAAA,GAAYC,aAAA;AAAA,IAChB,MAAOC,kCAAA,GAAW,IAAA,GAAOC,oCAAA,CAAmB,MAAM,OAAO,CAAA;AAAA,IACzD,CAAC,MAAM,OAAO;AAAA,GAChB;AAEA,EAAA,MAAM,WAAA,GAAcC,iBAAA,CAAY,CAAC,KAAA,KAA2B;AAC1D,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AACd,MAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,OAAA,GAAUN,iCAAA,CAAgB,KAAA,CAAM,KAAK,CAAA;AAAA,EAC3C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAO,eAAA,CAAU,MAAM;AACd,IAAA,IAAIH,kCAAA,IAAY,CAAC,GAAA,CAAI,OAAA,EAAS;AAE9B,IAAA,IAAI,CAACI,+BAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAA,GAAeC,kCAAA,CAAiB,GAAA,CAAI,OAAO,CAAA;AAEjD,IAAA,IAAI,SAAA,IAAa,YAAA,IAAgBD,+BAAA,CAAc,YAAY,CAAA,EAAG;AAC5D,MAAA,SAAA,CAAU,KAAK,YAAY,CAAA;AAAA,IAC7B;AAEA,IAAA,IAAI,QAAA,IAAYA,+BAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC1C,MAAA,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,QAAA,EAAU,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvC,EAAA,IAAIJ,kCAAA,EAAU;AACZ,IAAA,OAAO,MAAY;AAAA,IAEnB,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,WAAA;AACT","file":"antd.cjs","sourcesContent":["import { applyMaskToElement, resolveInputRef } from '../core';\n\nimport type { InputRef } from 'antd';\nimport type { RefCallback } from 'react';\nimport type {\n  FieldValues, Path,\n  RegisterOptions,\n  UseFormRegister,\n} from 'react-hook-form';\n\nimport type { Mask, Options, UseHookFormMaskReturn } from '../types';\n\nexport type UseHookFormMaskAntdReturn<T extends FieldValues> = Omit<\n  UseHookFormMaskReturn<T>,\n  'ref'\n> & { ref: RefCallback<InputRef | null> };\n\n/**\n * Ant Design version of useHookFormMask.\n * Creates a masked register that works with Ant Design Input (ref receives InputRef).\n *\n * @template T - The form data type\n * @template D - The register options type\n * @param registerFn - The register function from useForm hook\n * @returns A function that registers a field with mask support for Ant Design Input\n */\nexport default function useHookFormMaskAntd<\n  T extends FieldValues, D extends RegisterOptions,\n>(registerFn: UseFormRegister<T>) {\n  return (fieldName: Path<T>, mask: Mask, options?: (\n    D & Options) | Options | D): UseHookFormMaskAntdReturn<T> => {\n    if (!registerFn) throw new Error('registerFn is required');\n\n    const registerReturn = registerFn(fieldName, options as Options);\n    const { ref } = registerReturn as UseHookFormMaskReturn<T>;\n\n    const refWithMask: RefCallback<InputRef | null> = (inputRef) => {\n      const element = inputRef ? resolveInputRef(inputRef.input) : null;\n      if (element) applyMaskToElement(element, mask, options as Options);\n      if (ref) ref(element);\n    };\n\n    const result = {\n      ...registerReturn,\n      ref: refWithMask,\n    } as UseHookFormMaskAntdReturn<T>;\n\n    Object.defineProperty(result, 'prevRef', {\n      value: ref,\n      enumerable: false,\n      writable: true,\n      configurable: true,\n    });\n\n    return result;\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  createMaskInstance, findInputElement, isHTMLElement, resolveInputRef,\n} from '../core';\nimport isServer from '../utils/isServer';\n\nimport type { InputRef } from 'antd';\n\nimport type { Mask, Options } from '../types';\n\ninterface UseMaskInputOptions {\n  mask: Mask;\n  register?: (element: HTMLElement) => void;\n  options?: Options;\n}\n\n/**\n * React hook for applying input masks to form elements.\n * Works with Ant Design and other wrapped components too.\n *\n * @param props - Configuration object\n * @param props.mask - The mask pattern to apply\n * @param props.register - Optional callback that receives the element\n * @param props.options - Optional mask configuration options\n * @returns A ref callback function to attach to the input element\n */\nexport default function useMaskInputAntd(props: UseMaskInputOptions): (\n  input: InputRef | null\n) => void {\n  const { mask, register, options } = props;\n  const ref = useRef<InputRef | null>(null);\n  const maskInput = useMemo(\n    () => (isServer ? null : createMaskInstance(mask, options)),\n    [mask, options],\n  );\n\n  const refCallback = useCallback((input: InputRef | null) => {\n    if (!input) {\n      ref.current = null;\n      return;\n    }\n\n    ref.current = resolveInputRef(input.input) as unknown as InputRef;\n  }, []);\n\n  useEffect(() => {\n    if (isServer || !ref.current) return;\n\n    if (!isHTMLElement(ref.current)) {\n      return;\n    }\n\n    const inputElement = findInputElement(ref.current);\n\n    if (maskInput && inputElement && isHTMLElement(inputElement)) {\n      maskInput.mask(inputElement);\n    }\n\n    if (register && isHTMLElement(ref.current)) {\n      register(ref.current);\n    }\n  }, [mask, register, options, maskInput]);\n\n  if (isServer) {\n    return (): void => {\n      // server doesn't have dom, so just do nothing\n    };\n  }\n\n  return refCallback;\n}\n"]}

package/dist/{antd/index.d.ts → antd.d.cts}

@@ -1,7 +1,7 @@
 import { InputRef } from 'antd';
 import { RefCallback } from 'react';
 import { FieldValues, RegisterOptions, UseFormRegister, Path } from 'react-hook-form';
-import { U as UseHookFormMaskReturn, M as Mask, O as Options } from '../index-F3rlTTTe.js';
+import { U as UseHookFormMaskReturn, M as Mask, O as Options } from './index-F3rlTTTe.cjs';
 
 type UseHookFormMaskAntdReturn<T extends FieldValues> = Omit<UseHookFormMaskReturn<T>, 'ref'> & {
     ref: RefCallback<InputRef | null>;

package/dist/{antd/index.d.cts → antd.d.ts}

@@ -1,7 +1,7 @@
 import { InputRef } from 'antd';
 import { RefCallback } from 'react';
 import { FieldValues, RegisterOptions, UseFormRegister, Path } from 'react-hook-form';
-import { U as UseHookFormMaskReturn, M as Mask, O as Options } from '../index-F3rlTTTe.cjs';
+import { U as UseHookFormMaskReturn, M as Mask, O as Options } from './index-F3rlTTTe.js';
 
 type UseHookFormMaskAntdReturn<T extends FieldValues> = Omit<UseHookFormMaskReturn<T>, 'ref'> & {
     ref: RefCallback<InputRef | null>;

package/dist/{antd/index.js → antd.js}

@@ -1,4 +1,4 @@
-import { isServer_default, createMaskInstance, resolveInputRef, isHTMLElement, findInputElement, applyMaskToElement } from '../chunk-JGOZSJMW.js';
+import { isServer_default, createMaskInstance, resolveInputRef, isHTMLElement, findInputElement, applyMaskToElement } from './chunk-JGOZSJMW.js';
 import { useRef, useMemo, useCallback, useEffect } from 'react';
 
 // src/antd/useHookFormMaskAntd.ts
@@ -60,5 +60,5 @@ function useMaskInputAntd(props) {
 }
 
 export { useHookFormMaskAntd, useMaskInputAntd };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=antd.js.map
+//# sourceMappingURL=antd.js.map

package/dist/antd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/antd/useHookFormMaskAntd.ts","../src/antd/useMaskInputAntd.ts"],"names":[],"mappings":";;;;AA0Be,SAAR,oBAEL,UAAA,EAAgC;AAChC,EAAA,OAAO,CAAC,SAAA,EAAoB,IAAA,EAAY,OAAA,KACuB;AAC7D,IAAA,IAAI,CAAC,UAAA,EAAY,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAEzD,IAAA,MAAM,cAAA,GAAiB,UAAA,CAAW,SAAA,EAAW,OAAkB,CAAA;AAC/D,IAAA,MAAM,EAAE,KAAI,GAAI,cAAA;AAEhB,IAAA,MAAM,WAAA,GAA4C,CAAC,QAAA,KAAa;AAC9D,MAAA,MAAM,OAAA,GAAU,QAAA,GAAW,eAAA,CAAgB,QAAA,CAAS,KAAK,CAAA,GAAI,IAAA;AAC7D,MAAA,IAAI,OAAA,EAAS,kBAAA,CAAmB,OAAA,EAAS,IAAA,EAAM,OAAkB,CAAA;AACjE,MAAA,IAAI,GAAA,MAAS,OAAO,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS;AAAA,MACb,GAAG,cAAA;AAAA,MACH,GAAA,EAAK;AAAA,KACP;AAEA,IAAA,MAAA,CAAO,cAAA,CAAe,QAAQ,SAAA,EAAW;AAAA,MACvC,KAAA,EAAO,GAAA;AAAA,MACP,UAAA,EAAY,KAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,YAAA,EAAc;AAAA,KACf,CAAA;AAED,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AACF;ACxBe,SAAR,iBAAkC,KAAA,EAE/B;AACR,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,OAAA,EAAQ,GAAI,KAAA;AACpC,EAAA,MAAM,GAAA,GAAM,OAAwB,IAAI,CAAA;AACxC,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MAAO,gBAAA,GAAW,IAAA,GAAO,kBAAA,CAAmB,MAAM,OAAO,CAAA;AAAA,IACzD,CAAC,MAAM,OAAO;AAAA,GAChB;AAEA,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,CAAC,KAAA,KAA2B;AAC1D,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AACd,MAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,OAAA,GAAU,eAAA,CAAgB,KAAA,CAAM,KAAK,CAAA;AAAA,EAC3C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAA,IAAY,CAAC,GAAA,CAAI,OAAA,EAAS;AAE9B,IAAA,IAAI,CAAC,aAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAA,GAAe,gBAAA,CAAiB,GAAA,CAAI,OAAO,CAAA;AAEjD,IAAA,IAAI,SAAA,IAAa,YAAA,IAAgB,aAAA,CAAc,YAAY,CAAA,EAAG;AAC5D,MAAA,SAAA,CAAU,KAAK,YAAY,CAAA;AAAA,IAC7B;AAEA,IAAA,IAAI,QAAA,IAAY,aAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC1C,MAAA,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,QAAA,EAAU,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvC,EAAA,IAAI,gBAAA,EAAU;AACZ,IAAA,OAAO,MAAY;AAAA,IAEnB,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,WAAA;AACT","file":"antd.js","sourcesContent":["import { applyMaskToElement, resolveInputRef } from '../core';\n\nimport type { InputRef } from 'antd';\nimport type { RefCallback } from 'react';\nimport type {\n  FieldValues, Path,\n  RegisterOptions,\n  UseFormRegister,\n} from 'react-hook-form';\n\nimport type { Mask, Options, UseHookFormMaskReturn } from '../types';\n\nexport type UseHookFormMaskAntdReturn<T extends FieldValues> = Omit<\n  UseHookFormMaskReturn<T>,\n  'ref'\n> & { ref: RefCallback<InputRef | null> };\n\n/**\n * Ant Design version of useHookFormMask.\n * Creates a masked register that works with Ant Design Input (ref receives InputRef).\n *\n * @template T - The form data type\n * @template D - The register options type\n * @param registerFn - The register function from useForm hook\n * @returns A function that registers a field with mask support for Ant Design Input\n */\nexport default function useHookFormMaskAntd<\n  T extends FieldValues, D extends RegisterOptions,\n>(registerFn: UseFormRegister<T>) {\n  return (fieldName: Path<T>, mask: Mask, options?: (\n    D & Options) | Options | D): UseHookFormMaskAntdReturn<T> => {\n    if (!registerFn) throw new Error('registerFn is required');\n\n    const registerReturn = registerFn(fieldName, options as Options);\n    const { ref } = registerReturn as UseHookFormMaskReturn<T>;\n\n    const refWithMask: RefCallback<InputRef | null> = (inputRef) => {\n      const element = inputRef ? resolveInputRef(inputRef.input) : null;\n      if (element) applyMaskToElement(element, mask, options as Options);\n      if (ref) ref(element);\n    };\n\n    const result = {\n      ...registerReturn,\n      ref: refWithMask,\n    } as UseHookFormMaskAntdReturn<T>;\n\n    Object.defineProperty(result, 'prevRef', {\n      value: ref,\n      enumerable: false,\n      writable: true,\n      configurable: true,\n    });\n\n    return result;\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  createMaskInstance, findInputElement, isHTMLElement, resolveInputRef,\n} from '../core';\nimport isServer from '../utils/isServer';\n\nimport type { InputRef } from 'antd';\n\nimport type { Mask, Options } from '../types';\n\ninterface UseMaskInputOptions {\n  mask: Mask;\n  register?: (element: HTMLElement) => void;\n  options?: Options;\n}\n\n/**\n * React hook for applying input masks to form elements.\n * Works with Ant Design and other wrapped components too.\n *\n * @param props - Configuration object\n * @param props.mask - The mask pattern to apply\n * @param props.register - Optional callback that receives the element\n * @param props.options - Optional mask configuration options\n * @returns A ref callback function to attach to the input element\n */\nexport default function useMaskInputAntd(props: UseMaskInputOptions): (\n  input: InputRef | null\n) => void {\n  const { mask, register, options } = props;\n  const ref = useRef<InputRef | null>(null);\n  const maskInput = useMemo(\n    () => (isServer ? null : createMaskInstance(mask, options)),\n    [mask, options],\n  );\n\n  const refCallback = useCallback((input: InputRef | null) => {\n    if (!input) {\n      ref.current = null;\n      return;\n    }\n\n    ref.current = resolveInputRef(input.input) as unknown as InputRef;\n  }, []);\n\n  useEffect(() => {\n    if (isServer || !ref.current) return;\n\n    if (!isHTMLElement(ref.current)) {\n      return;\n    }\n\n    const inputElement = findInputElement(ref.current);\n\n    if (maskInput && inputElement && isHTMLElement(inputElement)) {\n      maskInput.mask(inputElement);\n    }\n\n    if (register && isHTMLElement(ref.current)) {\n      register(ref.current);\n    }\n  }, [mask, register, options, maskInput]);\n\n  if (isServer) {\n    return (): void => {\n      // server doesn't have dom, so just do nothing\n    };\n  }\n\n  return refCallback;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-mask-input",
-  "version": "3.7.0",
+  "version": "3.7.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/useHookFormMaskAntd.spec.ts

@@ -6,19 +6,20 @@ import {
   vi,
 } from 'vitest';
 
-vi.mock('../core', () => ({
-  applyMaskToElement: vi.fn(),
-  resolveInputRef: vi.fn(),
-}));
-
 import { applyMaskToElement, resolveInputRef } from '../core';
 import useHookFormMaskAntd from './useHookFormMaskAntd';
 
+import type { InputRef } from 'antd';
 import type {
   FieldValues,
   UseFormRegister,
 } from 'react-hook-form';
 
+vi.mock('../core', () => ({
+  applyMaskToElement: vi.fn(),
+  resolveInputRef: vi.fn(),
+}));
+
 describe('useHookFormMaskAntd', () => {
   beforeEach(() => {
     vi.clearAllMocks();
@@ -75,7 +76,7 @@ describe('useHookFormMaskAntd', () => {
       ReturnType<typeof useHookFormMaskAntd<FieldValues, never>>
     >[1];
 
-    result.ref(inputRef);
+    result.ref(inputRef as unknown as InputRef);
 
     expect(resolveInputRef).toHaveBeenCalledWith(inputElement);
     expect(applyMaskToElement).toHaveBeenCalledWith(
@@ -108,7 +109,7 @@ describe('useHookFormMaskAntd', () => {
       ReturnType<typeof useHookFormMaskAntd<FieldValues, never>>
     >[1];
 
-    result.ref(inputRef);
+    result.ref(inputRef as unknown as InputRef);
 
     expect(applyMaskToElement).toHaveBeenCalled();
   });
@@ -139,4 +140,3 @@ describe('useHookFormMaskAntd', () => {
       .toBe(prevRef);
   });
 });
-

package/src/antd/useMaskInputAntd-server.spec.tsx

@@ -7,6 +7,8 @@ import {
   vi,
 } from 'vitest';
 
+import type { InputRef } from 'antd';
+
 vi.mock('../utils/isServer', () => ({
   default: true,
 }));
@@ -26,11 +28,10 @@ describe('useMaskInputAntd server-side', () => {
     expect(typeof result.current).toBe('function');
 
     act(() => {
-      result.current({ input: document.createElement('input') } as unknown as { input: HTMLElement });
+      result.current({ input: document.createElement('input') } as InputRef);
     });
 
     // should do nothing on server
     expect(result.current).toBeDefined();
   });
 });
-

package/src/antd/useMaskInputAntd.spec.tsx

@@ -8,6 +8,10 @@ import {
   vi,
 } from 'vitest';
 
+import useMaskInputAntd from './useMaskInputAntd';
+
+import type { InputRef } from 'antd';
+
 vi.mock('inputmask', () => ({
   default: vi.fn((options) => ({
     mask: vi.fn(),
@@ -19,8 +23,6 @@ vi.mock('../utils/isServer', () => ({
   default: false,
 }));
 
-import useMaskInputAntd from './useMaskInputAntd';
-
 describe('useMaskInputAntd', () => {
   beforeEach(() => {
     vi.clearAllMocks();
@@ -52,7 +54,7 @@ describe('useMaskInputAntd', () => {
     );
 
     act(() => {
-      result.current({ input: inputElement } as unknown as { input: HTMLElement });
+      result.current({ input: inputElement } as unknown as InputRef);
     });
 
     rerender();
@@ -74,7 +76,7 @@ describe('useMaskInputAntd', () => {
     );
 
     act(() => {
-      result.current({ input: inputElement } as unknown as { input: HTMLElement });
+      result.current({ input: inputElement } as unknown as InputRef);
     });
 
     rerender();
@@ -97,7 +99,7 @@ describe('useMaskInputAntd', () => {
     );
 
     act(() => {
-      result.current({ input: inputElement } as unknown as { input: HTMLElement });
+      result.current({ input: inputElement } as unknown as InputRef);
     });
 
     rerender();
@@ -105,4 +107,3 @@ describe('useMaskInputAntd', () => {
     expect(inputmask).toHaveBeenCalled();
   });
 });
-

package/dist/antd/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/antd/useHookFormMaskAntd.ts","../../src/antd/useMaskInputAntd.ts"],"names":["resolveInputRef","applyMaskToElement","useRef","useMemo","isServer_default","createMaskInstance","useCallback","useEffect","isHTMLElement","findInputElement"],"mappings":";;;;;;AA0Be,SAAR,oBAEL,UAAA,EAAgC;AAChC,EAAA,OAAO,CAAC,SAAA,EAAoB,IAAA,EAAY,OAAA,KACuB;AAC7D,IAAA,IAAI,CAAC,UAAA,EAAY,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAEzD,IAAA,MAAM,cAAA,GAAiB,UAAA,CAAW,SAAA,EAAW,OAAkB,CAAA;AAC/D,IAAA,MAAM,EAAE,KAAI,GAAI,cAAA;AAEhB,IAAA,MAAM,WAAA,GAA4C,CAAC,QAAA,KAAa;AAC9D,MAAA,MAAM,OAAA,GAAU,QAAA,GAAWA,iCAAA,CAAgB,QAAA,CAAS,KAAK,CAAA,GAAI,IAAA;AAC7D,MAAA,IAAI,OAAA,EAASC,oCAAA,CAAmB,OAAA,EAAS,IAAA,EAAM,OAAkB,CAAA;AACjE,MAAA,IAAI,GAAA,MAAS,OAAO,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS;AAAA,MACb,GAAG,cAAA;AAAA,MACH,GAAA,EAAK;AAAA,KACP;AAEA,IAAA,MAAA,CAAO,cAAA,CAAe,QAAQ,SAAA,EAAW;AAAA,MACvC,KAAA,EAAO,GAAA;AAAA,MACP,UAAA,EAAY,KAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,YAAA,EAAc;AAAA,KACf,CAAA;AAED,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AACF;ACxBe,SAAR,iBAAkC,KAAA,EAE/B;AACR,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,OAAA,EAAQ,GAAI,KAAA;AACpC,EAAA,MAAM,GAAA,GAAMC,aAAwB,IAAI,CAAA;AACxC,EAAA,MAAM,SAAA,GAAYC,aAAA;AAAA,IAChB,MAAOC,kCAAA,GAAW,IAAA,GAAOC,oCAAA,CAAmB,MAAM,OAAO,CAAA;AAAA,IACzD,CAAC,MAAM,OAAO;AAAA,GAChB;AAEA,EAAA,MAAM,WAAA,GAAcC,iBAAA,CAAY,CAAC,KAAA,KAA2B;AAC1D,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AACd,MAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,OAAA,GAAUN,iCAAA,CAAgB,KAAA,CAAM,KAAK,CAAA;AAAA,EAC3C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAO,eAAA,CAAU,MAAM;AACd,IAAA,IAAIH,kCAAA,IAAY,CAAC,GAAA,CAAI,OAAA,EAAS;AAE9B,IAAA,IAAI,CAACI,+BAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAA,GAAeC,kCAAA,CAAiB,GAAA,CAAI,OAAO,CAAA;AAEjD,IAAA,IAAI,SAAA,IAAa,YAAA,IAAgBD,+BAAA,CAAc,YAAY,CAAA,EAAG;AAC5D,MAAA,SAAA,CAAU,KAAK,YAAY,CAAA;AAAA,IAC7B;AAEA,IAAA,IAAI,QAAA,IAAYA,+BAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC1C,MAAA,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,QAAA,EAAU,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvC,EAAA,IAAIJ,kCAAA,EAAU;AACZ,IAAA,OAAO,MAAY;AAAA,IAEnB,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,WAAA;AACT","file":"index.cjs","sourcesContent":["import { applyMaskToElement, resolveInputRef } from '../core';\n\nimport type { InputRef } from 'antd';\nimport type { RefCallback } from 'react';\nimport type {\n  FieldValues, Path,\n  RegisterOptions,\n  UseFormRegister,\n} from 'react-hook-form';\n\nimport type { Mask, Options, UseHookFormMaskReturn } from '../types';\n\nexport type UseHookFormMaskAntdReturn<T extends FieldValues> = Omit<\n  UseHookFormMaskReturn<T>,\n  'ref'\n> & { ref: RefCallback<InputRef | null> };\n\n/**\n * Ant Design version of useHookFormMask.\n * Creates a masked register that works with Ant Design Input (ref receives InputRef).\n *\n * @template T - The form data type\n * @template D - The register options type\n * @param registerFn - The register function from useForm hook\n * @returns A function that registers a field with mask support for Ant Design Input\n */\nexport default function useHookFormMaskAntd<\n  T extends FieldValues, D extends RegisterOptions,\n>(registerFn: UseFormRegister<T>) {\n  return (fieldName: Path<T>, mask: Mask, options?: (\n    D & Options) | Options | D): UseHookFormMaskAntdReturn<T> => {\n    if (!registerFn) throw new Error('registerFn is required');\n\n    const registerReturn = registerFn(fieldName, options as Options);\n    const { ref } = registerReturn as UseHookFormMaskReturn<T>;\n\n    const refWithMask: RefCallback<InputRef | null> = (inputRef) => {\n      const element = inputRef ? resolveInputRef(inputRef.input) : null;\n      if (element) applyMaskToElement(element, mask, options as Options);\n      if (ref) ref(element);\n    };\n\n    const result = {\n      ...registerReturn,\n      ref: refWithMask,\n    } as UseHookFormMaskAntdReturn<T>;\n\n    Object.defineProperty(result, 'prevRef', {\n      value: ref,\n      enumerable: false,\n      writable: true,\n      configurable: true,\n    });\n\n    return result;\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  createMaskInstance, findInputElement, isHTMLElement, resolveInputRef,\n} from '../core';\nimport isServer from '../utils/isServer';\n\nimport type { InputRef } from 'antd';\n\nimport type { Mask, Options } from '../types';\n\ninterface UseMaskInputOptions {\n  mask: Mask;\n  register?: (element: HTMLElement) => void;\n  options?: Options;\n}\n\n/**\n * React hook for applying input masks to form elements.\n * Works with Ant Design and other wrapped components too.\n *\n * @param props - Configuration object\n * @param props.mask - The mask pattern to apply\n * @param props.register - Optional callback that receives the element\n * @param props.options - Optional mask configuration options\n * @returns A ref callback function to attach to the input element\n */\nexport default function useMaskInputAntd(props: UseMaskInputOptions): (\n  input: InputRef | null\n) => void {\n  const { mask, register, options } = props;\n  const ref = useRef<InputRef | null>(null);\n  const maskInput = useMemo(\n    () => (isServer ? null : createMaskInstance(mask, options)),\n    [mask, options],\n  );\n\n  const refCallback = useCallback((input: InputRef | null) => {\n    if (!input) {\n      ref.current = null;\n      return;\n    }\n\n    ref.current = resolveInputRef(input.input) as unknown as InputRef;\n  }, []);\n\n  useEffect(() => {\n    if (isServer || !ref.current) return;\n\n    if (!isHTMLElement(ref.current)) {\n      return;\n    }\n\n    const inputElement = findInputElement(ref.current);\n\n    if (maskInput && inputElement && isHTMLElement(inputElement)) {\n      maskInput.mask(inputElement);\n    }\n\n    if (register && isHTMLElement(ref.current)) {\n      register(ref.current);\n    }\n  }, [mask, register, options, maskInput]);\n\n  if (isServer) {\n    return (): void => {\n      // server doesn't have dom, so just do nothing\n    };\n  }\n\n  return refCallback;\n}\n"]}

package/dist/antd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/antd/useHookFormMaskAntd.ts","../../src/antd/useMaskInputAntd.ts"],"names":[],"mappings":";;;;AA0Be,SAAR,oBAEL,UAAA,EAAgC;AAChC,EAAA,OAAO,CAAC,SAAA,EAAoB,IAAA,EAAY,OAAA,KACuB;AAC7D,IAAA,IAAI,CAAC,UAAA,EAAY,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAEzD,IAAA,MAAM,cAAA,GAAiB,UAAA,CAAW,SAAA,EAAW,OAAkB,CAAA;AAC/D,IAAA,MAAM,EAAE,KAAI,GAAI,cAAA;AAEhB,IAAA,MAAM,WAAA,GAA4C,CAAC,QAAA,KAAa;AAC9D,MAAA,MAAM,OAAA,GAAU,QAAA,GAAW,eAAA,CAAgB,QAAA,CAAS,KAAK,CAAA,GAAI,IAAA;AAC7D,MAAA,IAAI,OAAA,EAAS,kBAAA,CAAmB,OAAA,EAAS,IAAA,EAAM,OAAkB,CAAA;AACjE,MAAA,IAAI,GAAA,MAAS,OAAO,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,MAAM,MAAA,GAAS;AAAA,MACb,GAAG,cAAA;AAAA,MACH,GAAA,EAAK;AAAA,KACP;AAEA,IAAA,MAAA,CAAO,cAAA,CAAe,QAAQ,SAAA,EAAW;AAAA,MACvC,KAAA,EAAO,GAAA;AAAA,MACP,UAAA,EAAY,KAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,YAAA,EAAc;AAAA,KACf,CAAA;AAED,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AACF;ACxBe,SAAR,iBAAkC,KAAA,EAE/B;AACR,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,OAAA,EAAQ,GAAI,KAAA;AACpC,EAAA,MAAM,GAAA,GAAM,OAAwB,IAAI,CAAA;AACxC,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MAAO,gBAAA,GAAW,IAAA,GAAO,kBAAA,CAAmB,MAAM,OAAO,CAAA;AAAA,IACzD,CAAC,MAAM,OAAO;AAAA,GAChB;AAEA,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,CAAC,KAAA,KAA2B;AAC1D,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AACd,MAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,OAAA,GAAU,eAAA,CAAgB,KAAA,CAAM,KAAK,CAAA;AAAA,EAC3C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAA,IAAY,CAAC,GAAA,CAAI,OAAA,EAAS;AAE9B,IAAA,IAAI,CAAC,aAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAA,GAAe,gBAAA,CAAiB,GAAA,CAAI,OAAO,CAAA;AAEjD,IAAA,IAAI,SAAA,IAAa,YAAA,IAAgB,aAAA,CAAc,YAAY,CAAA,EAAG;AAC5D,MAAA,SAAA,CAAU,KAAK,YAAY,CAAA;AAAA,IAC7B;AAEA,IAAA,IAAI,QAAA,IAAY,aAAA,CAAc,GAAA,CAAI,OAAO,CAAA,EAAG;AAC1C,MAAA,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,QAAA,EAAU,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvC,EAAA,IAAI,gBAAA,EAAU;AACZ,IAAA,OAAO,MAAY;AAAA,IAEnB,CAAA;AAAA,EACF;AAEA,EAAA,OAAO,WAAA;AACT","file":"index.js","sourcesContent":["import { applyMaskToElement, resolveInputRef } from '../core';\n\nimport type { InputRef } from 'antd';\nimport type { RefCallback } from 'react';\nimport type {\n  FieldValues, Path,\n  RegisterOptions,\n  UseFormRegister,\n} from 'react-hook-form';\n\nimport type { Mask, Options, UseHookFormMaskReturn } from '../types';\n\nexport type UseHookFormMaskAntdReturn<T extends FieldValues> = Omit<\n  UseHookFormMaskReturn<T>,\n  'ref'\n> & { ref: RefCallback<InputRef | null> };\n\n/**\n * Ant Design version of useHookFormMask.\n * Creates a masked register that works with Ant Design Input (ref receives InputRef).\n *\n * @template T - The form data type\n * @template D - The register options type\n * @param registerFn - The register function from useForm hook\n * @returns A function that registers a field with mask support for Ant Design Input\n */\nexport default function useHookFormMaskAntd<\n  T extends FieldValues, D extends RegisterOptions,\n>(registerFn: UseFormRegister<T>) {\n  return (fieldName: Path<T>, mask: Mask, options?: (\n    D & Options) | Options | D): UseHookFormMaskAntdReturn<T> => {\n    if (!registerFn) throw new Error('registerFn is required');\n\n    const registerReturn = registerFn(fieldName, options as Options);\n    const { ref } = registerReturn as UseHookFormMaskReturn<T>;\n\n    const refWithMask: RefCallback<InputRef | null> = (inputRef) => {\n      const element = inputRef ? resolveInputRef(inputRef.input) : null;\n      if (element) applyMaskToElement(element, mask, options as Options);\n      if (ref) ref(element);\n    };\n\n    const result = {\n      ...registerReturn,\n      ref: refWithMask,\n    } as UseHookFormMaskAntdReturn<T>;\n\n    Object.defineProperty(result, 'prevRef', {\n      value: ref,\n      enumerable: false,\n      writable: true,\n      configurable: true,\n    });\n\n    return result;\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  createMaskInstance, findInputElement, isHTMLElement, resolveInputRef,\n} from '../core';\nimport isServer from '../utils/isServer';\n\nimport type { InputRef } from 'antd';\n\nimport type { Mask, Options } from '../types';\n\ninterface UseMaskInputOptions {\n  mask: Mask;\n  register?: (element: HTMLElement) => void;\n  options?: Options;\n}\n\n/**\n * React hook for applying input masks to form elements.\n * Works with Ant Design and other wrapped components too.\n *\n * @param props - Configuration object\n * @param props.mask - The mask pattern to apply\n * @param props.register - Optional callback that receives the element\n * @param props.options - Optional mask configuration options\n * @returns A ref callback function to attach to the input element\n */\nexport default function useMaskInputAntd(props: UseMaskInputOptions): (\n  input: InputRef | null\n) => void {\n  const { mask, register, options } = props;\n  const ref = useRef<InputRef | null>(null);\n  const maskInput = useMemo(\n    () => (isServer ? null : createMaskInstance(mask, options)),\n    [mask, options],\n  );\n\n  const refCallback = useCallback((input: InputRef | null) => {\n    if (!input) {\n      ref.current = null;\n      return;\n    }\n\n    ref.current = resolveInputRef(input.input) as unknown as InputRef;\n  }, []);\n\n  useEffect(() => {\n    if (isServer || !ref.current) return;\n\n    if (!isHTMLElement(ref.current)) {\n      return;\n    }\n\n    const inputElement = findInputElement(ref.current);\n\n    if (maskInput && inputElement && isHTMLElement(inputElement)) {\n      maskInput.mask(inputElement);\n    }\n\n    if (register && isHTMLElement(ref.current)) {\n      register(ref.current);\n    }\n  }, [mask, register, options, maskInput]);\n\n  if (isServer) {\n    return (): void => {\n      // server doesn't have dom, so just do nothing\n    };\n  }\n\n  return refCallback;\n}\n"]}