use-mask-input 3.4.1 → 3.5.0

package/package.json

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

package/src/index.tsx

@@ -2,3 +2,4 @@ export * from './withHookFormMask';
 export * from './withMask';
 export * from './useHookFormMask';
 export * from './useMaskInput';
+export * from './types';

package/src/useHookFormMask.ts

@@ -1,10 +1,12 @@
 import inputmask from 'inputmask';
 import { RefCallback } from 'react';
 import {
-  FieldValues, Path, UseFormRegister, RegisterOptions,
+  FieldValues, Path,
+  RegisterOptions,
+  UseFormRegister,
 } from 'react-hook-form';
-import { flow, getMaskOptions } from './utils';
 import { Mask, Options } from './types';
+import { flow, getMaskOptions } from './utils';
 
 export function useHookFormMask<
   T extends FieldValues, D extends RegisterOptions,
@@ -17,7 +19,15 @@ export function useHookFormMask<
     const maskInput = inputmask(getMaskOptions(mask, options as any));
 
     const newRef = flow((_ref: HTMLElement) => {
-      if (_ref) maskInput.mask(_ref);
+      if (_ref) {
+        const { nodeName } = _ref;
+
+        if (nodeName !== 'INPUT') {
+          maskInput.mask(_ref.querySelector('input') as HTMLElement);
+        } else {
+          maskInput.mask(_ref);
+        }
+      }
       return _ref;
     }, ref) as RefCallback<HTMLElement>;
 

package/src/utils/getMaskOptions.ts

@@ -63,6 +63,7 @@ export const getMaskOptions = (mask?: Mask, _options?: Options): Options => {
     },
 
     // alias for brazilians <3
+    // ty <3
     'brl-currency': {
       alias: 'currency',
       prefix: 'R$ ',