use-mask-input 3.0.1 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["props","mask","register","options","ref","useRef","useEffect","current","Inputmask","registerReturn","newRef","maskInput","jitMasking","flowright","_ref","_extends","input"],"mappings":"obASqB,SAACA,GACpB,IAAYC,EAAwBD,EAA5BC,KAAMC,EAAsBF,EAAtBE,SAAUC,EAAYH,EAAZG,QAElBC,EAAMC,SAAyB,MAmBrC,OAjBAC,EAASA,UAAC,WACHF,EAAIG,UAISC,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,GACGE,IAGKF,KAAKG,EAAIG,SAEfL,GAAYE,EAAIG,SAClBL,EAASE,EAAIG,SAEjB,EAAG,CAACN,EAAMC,EAAUC,IAGtBC,CAAA,2BC1ByB,SACvBK,EACAR,EACAE,GAGA,IAAUO,EAEV,GAAID,EAAe,CACjB,IAAQL,EAAQK,EAARL,IAEOO,EAAGH,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,EACAW,YAAY,GACTT,IAGLO,EAASG,EAAAA,QAAUT,EAAK,SAACU,GAEvB,OADAH,EAAUV,KAAKa,GAEjBA,CAAA,EACD,CAED,OAAAC,EAAA,CAAA,EACKN,EAAc,CACjBL,IAAKM,GAET,mBC/B0B,SACxBT,EACAE,UACIa,SAAAA,GAEJ,IAAeL,EAAGH,EAAAA,QAASO,EAAA,CACzBd,KAAAA,GACGE,IAOL,OAJIa,GACFL,EAAUV,KAAKe,GAInBA,CAAA,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport type { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["props","mask","register","options","ref","useRef","useEffect","current","Inputmask","registerReturn","newRef","maskInput","jitMasking","flowright","_ref","_extends","input"],"mappings":"obASqB,SAACA,GACpB,IAAYC,EAAwBD,EAA5BC,KAAMC,EAAsBF,EAAtBE,SAAUC,EAAYH,EAAZG,QAElBC,EAAMC,SAAyB,MAmBrC,OAjBAC,EAASA,UAAC,WACHF,EAAIG,UAISC,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,GACGE,IAGKF,KAAKG,EAAIG,SAEfL,GAAYE,EAAIG,SAClBL,EAASE,EAAIG,SAEjB,EAAG,CAACN,EAAMC,EAAUC,IAGtBC,CAAA,2BC1ByB,SACvBK,EACAR,EACAE,GAGA,IAAUO,EAEV,GAAID,EAAe,CACjB,IAAQL,EAAQK,EAARL,IAEOO,EAAGH,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,EACAW,YAAY,GACTT,IAGLO,EAASG,EAAAA,QAAUT,EAAK,SAACU,GAEvB,OADAH,EAAUV,KAAKa,GAEjBA,CAAA,EACD,CAED,OAAAC,EAAA,CAAA,EACKN,EAAc,CACjBL,IAAKM,GAET,mBC/B0B,SACxBT,EACAE,UACIa,SAAAA,GAEJ,IAAeL,EAAGH,EAAAA,QAASO,EAAA,CACzBd,KAAAA,GACGE,IAOL,OAJIa,GACFL,EAAUV,KAAKe,GAInBA,CAAA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.mjs","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["useInputMask","props","mask","register","options","useRef","useEffect","ref","current","Inputmask","registerReturn","newRef","maskInput","_extends","jitMasking","flowright","_ref","withFinalFormMask","input"],"mappings":"2UASMA,MAAAA,EAAgBC,IACpB,MAAMC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,GAAYH,IAExBI,EAAyB,MAmBrC,OAjBAC,EAAU,KACHC,EAAIC,UAISC,EAChBP,EAAAA,CAAAA,QACGE,IAGKF,KAAKK,EAAIC,SAEfL,GAAYI,EAAIC,SAClBL,EAASI,EAAIC,SACd,EACA,CAACN,EAAMC,EAAUC,IAGtBG,KC1ByB,CACvBG,EACAR,EACAE,KAGA,IAAUO,EAEV,GAAID,EAAe,CACjB,MAAMH,IAAEA,GAAQG,EAEVE,EAAYH,EAASI,EAAA,CACzBX,OACAY,YAAY,GACTV,IAGLO,EAASI,EAAUR,EAAMS,IACvBJ,EAAUV,KAAKc,GAEjBA,GACD,CAED,OAAAH,EAAA,CAAA,EACKH,EAAc,CACjBH,IAAKI,KC7BHM,EAAoB,CACxBf,EACAE,IACIc,IAEJ,MAAMN,EAAYH,EAASI,EAAA,CACzBX,QACGE,IAOL,OAJIc,GACFN,EAAUV,KAAKgB"}
|
|
1
|
+
{"version":3,"file":"index.modern.mjs","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport type { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["useInputMask","props","mask","register","options","useRef","useEffect","ref","current","Inputmask","registerReturn","newRef","maskInput","_extends","jitMasking","flowright","_ref","withFinalFormMask","input"],"mappings":"2UASMA,MAAAA,EAAgBC,IACpB,MAAMC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,GAAYH,IAExBI,EAAyB,MAmBrC,OAjBAC,EAAU,KACHC,EAAIC,UAISC,EAChBP,EAAAA,CAAAA,QACGE,IAGKF,KAAKK,EAAIC,SAEfL,GAAYI,EAAIC,SAClBL,EAASI,EAAIC,SACd,EACA,CAACN,EAAMC,EAAUC,IAGtBG,KC1ByB,CACvBG,EACAR,EACAE,KAGA,IAAUO,EAEV,GAAID,EAAe,CACjB,MAAMH,IAAEA,GAAQG,EAEVE,EAAYH,EAASI,EAAA,CACzBX,OACAY,YAAY,GACTV,IAGLO,EAASI,EAAUR,EAAMS,IACvBJ,EAAUV,KAAKc,GAEjBA,GACD,CAED,OAAAH,EAAA,CAAA,EACKH,EAAc,CACjBH,IAAKI,KC7BHM,EAAoB,CACxBf,EACAE,IACIc,IAEJ,MAAMN,EAAYH,EAASI,EAAA,CACzBX,QACGE,IAOL,OAJIc,GACFN,EAAUV,KAAKgB"}
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.js","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["useInputMask","props","mask","register","options","ref","useRef","useEffect","current","Inputmask","withHookFormMask","registerReturn","newRef","maskInput","jitMasking","flowright","_ref","_extends","withFinalFormMask","input"],"mappings":"2UASMA,MAAe,SAACC,GACpB,IAAYC,EAAwBD,EAA5BC,KAAMC,EAAsBF,EAAtBE,SAAUC,EAAYH,EAAZG,QAElBC,EAAMC,EAAyB,MAmBrC,OAjBAC,EAAU,WACHF,EAAIG,UAISC,EAChBP,EAAAA,CAAAA,KAAAA,GACGE,IAGKF,KAAKG,EAAIG,SAEfL,GAAYE,EAAIG,SAClBL,EAASE,EAAIG,SAEjB,EAAG,CAACN,EAAMC,EAAUC,IAGtBC,CAAA,EC1BMK,EAAmB,SACvBC,EACAT,EACAE,GAGA,IAAUQ,EAEV,GAAID,EAAe,CACjB,IAAQN,EAAQM,EAARN,IAEOQ,EAAGJ,EAChBP,EAAAA,CAAAA,KAAAA,EACAY,YAAY,GACTV,IAGLQ,EAASG,EAAUV,EAAK,SAACW,GAEvB,OADAH,EAAUX,KAAKc,GAEjBA,CAAA,EACD,CAED,OAAAC,EAAA,CAAA,EACKN,EAAc,CACjBN,IAAKO,GAET,EC/BuBM,EAAG,SACxBhB,EACAE,UACIe,SAAAA,GAEJ,IAAeN,EAAGJ,EAASQ,EAAA,CACzBf,KAAAA,GACGE,IAOL,OAJIe,GACFN,EAAUX,KAAKiB,GAInBA,CAAA,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.module.js","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport type { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["useInputMask","props","mask","register","options","ref","useRef","useEffect","current","Inputmask","withHookFormMask","registerReturn","newRef","maskInput","jitMasking","flowright","_ref","_extends","withFinalFormMask","input"],"mappings":"2UASMA,MAAe,SAACC,GACpB,IAAYC,EAAwBD,EAA5BC,KAAMC,EAAsBF,EAAtBE,SAAUC,EAAYH,EAAZG,QAElBC,EAAMC,EAAyB,MAmBrC,OAjBAC,EAAU,WACHF,EAAIG,UAISC,EAChBP,EAAAA,CAAAA,KAAAA,GACGE,IAGKF,KAAKG,EAAIG,SAEfL,GAAYE,EAAIG,SAClBL,EAASE,EAAIG,SAEjB,EAAG,CAACN,EAAMC,EAAUC,IAGtBC,CAAA,EC1BMK,EAAmB,SACvBC,EACAT,EACAE,GAGA,IAAUQ,EAEV,GAAID,EAAe,CACjB,IAAQN,EAAQM,EAARN,IAEOQ,EAAGJ,EAChBP,EAAAA,CAAAA,KAAAA,EACAY,YAAY,GACTV,IAGLQ,EAASG,EAAUV,EAAK,SAACW,GAEvB,OADAH,EAAUX,KAAKc,GAEjBA,CAAA,EACD,CAED,OAAAC,EAAA,CAAA,EACKN,EAAc,CACjBN,IAAKO,GAET,EC/BuBM,EAAG,SACxBhB,EACAE,UACIe,SAAAA,GAEJ,IAAeN,EAAGJ,EAASQ,EAAA,CACzBf,KAAAA,GACGE,IAOL,OAJIe,GACFN,EAAUX,KAAKiB,GAInBA,CAAA,CAAC"}
|
package/dist/index.umd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["props","mask","register","options","ref","useRef","useEffect","current","Inputmask","registerReturn","newRef","maskInput","jitMasking","flowright","_ref","_extends","input"],"mappings":"utBASqB,SAACA,GACpB,IAAYC,EAAwBD,EAA5BC,KAAMC,EAAsBF,EAAtBE,SAAUC,EAAYH,EAAZG,QAElBC,EAAMC,SAAyB,MAmBrC,OAjBAC,EAASA,UAAC,WACHF,EAAIG,UAISC,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,GACGE,IAGKF,KAAKG,EAAIG,SAEfL,GAAYE,EAAIG,SAClBL,EAASE,EAAIG,SAEjB,EAAG,CAACN,EAAMC,EAAUC,IAGtBC,CAAA,qBC1ByB,SACvBK,EACAR,EACAE,GAGA,IAAUO,EAEV,GAAID,EAAe,CACjB,IAAQL,EAAQK,EAARL,IAEOO,EAAGH,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,EACAW,YAAY,GACTT,IAGLO,EAASG,EAAAA,QAAUT,EAAK,SAACU,GAEvB,OADAH,EAAUV,KAAKa,GAEjBA,CAAA,EACD,CAED,OAAAC,EAAA,CAAA,EACKN,EAAc,CACjBL,IAAKM,GAET,aC/B0B,SACxBT,EACAE,UACIa,SAAAA,GAEJ,IAAeL,EAAGH,EAAAA,QAASO,EAAA,CACzBd,KAAAA,GACGE,IAOL,OAJIa,GACFL,EAAUV,KAAKe,GAInBA,CAAA,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.umd.js","sources":["../src/useMaskInput.ts","../src/withHookFormMask.ts","../src/withMask.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport Inputmask from 'inputmask';\n\ninterface UseInputMaskOptions {\n mask: Inputmask.Options['mask']\n register?(element: HTMLElement): void\n options?: Inputmask.Options\n}\n\nconst useInputMask = (props: UseInputMaskOptions) => {\n const { mask, register, options } = props;\n\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n maskInput.mask(ref.current);\n\n if (register && ref.current) {\n register(ref.current);\n }\n }, [mask, register, options]);\n\n return ref;\n};\n\nexport default useInputMask;\n","/* eslint-disable @typescript-eslint/space-before-blocks */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport Inputmask from 'inputmask';\nimport type { UseFormRegisterReturn } from 'react-hook-form';\nimport flowright from 'lodash.flowright';\n\nconst withHookFormMask = (\n registerReturn: UseFormRegisterReturn,\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => {\n //\n let newRef;\n\n if (registerReturn){\n const { ref } = registerReturn;\n\n const maskInput = Inputmask({\n mask,\n jitMasking: true,\n ...options,\n });\n\n newRef = flowright(ref, (_ref) => {\n maskInput.mask(_ref);\n return _ref;\n });\n }\n\n return {\n ...registerReturn,\n ref: newRef,\n };\n};\n\nexport default withHookFormMask;\n","import Inputmask from 'inputmask';\n\nconst withFinalFormMask = (\n mask: Inputmask.Options['mask'],\n options?: Inputmask.Options,\n) => (input: HTMLElement | HTMLInputElement | null) => {\n //\n const maskInput = Inputmask({\n mask,\n ...options,\n });\n\n if (input) {\n maskInput.mask(input);\n }\n\n return input;\n};\n\nexport default withFinalFormMask;\n"],"names":["props","mask","register","options","ref","useRef","useEffect","current","Inputmask","registerReturn","newRef","maskInput","jitMasking","flowright","_ref","_extends","input"],"mappings":"utBASqB,SAACA,GACpB,IAAYC,EAAwBD,EAA5BC,KAAMC,EAAsBF,EAAtBE,SAAUC,EAAYH,EAAZG,QAElBC,EAAMC,SAAyB,MAmBrC,OAjBAC,EAASA,UAAC,WACHF,EAAIG,UAISC,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,GACGE,IAGKF,KAAKG,EAAIG,SAEfL,GAAYE,EAAIG,SAClBL,EAASE,EAAIG,SAEjB,EAAG,CAACN,EAAMC,EAAUC,IAGtBC,CAAA,qBC1ByB,SACvBK,EACAR,EACAE,GAGA,IAAUO,EAEV,GAAID,EAAe,CACjB,IAAQL,EAAQK,EAARL,IAEOO,EAAGH,EAAS,QACzBP,EAAAA,CAAAA,KAAAA,EACAW,YAAY,GACTT,IAGLO,EAASG,EAAAA,QAAUT,EAAK,SAACU,GAEvB,OADAH,EAAUV,KAAKa,GAEjBA,CAAA,EACD,CAED,OAAAC,EAAA,CAAA,EACKN,EAAc,CACjBL,IAAKM,GAET,aC/B0B,SACxBT,EACAE,UACIa,SAAAA,GAEJ,IAAeL,EAAGH,EAAAA,QAASO,EAAA,CACzBd,KAAAA,GACGE,IAOL,OAJIa,GACFL,EAAUV,KAAKe,GAInBA,CAAA,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Inputmask from 'inputmask';
|
|
2
|
-
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
2
|
+
import type { UseFormRegisterReturn } from 'react-hook-form';
|
|
3
3
|
declare const withHookFormMask: (registerReturn: UseFormRegisterReturn, mask: Inputmask.Options['mask'], options?: Inputmask.Options) => {
|
|
4
4
|
ref: ((_ref: any) => void) | undefined;
|
|
5
5
|
onChange: import("react-hook-form").ChangeHandler;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "use-mask-input",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.2",
|
|
4
4
|
"description": "A react Hook for build elegant input masks. Compatible with React Hook Form",
|
|
5
5
|
"author": "eduardoborges",
|
|
6
6
|
"license": "MIT",
|
|
@@ -39,28 +39,27 @@
|
|
|
39
39
|
"@semantic-release/npm": "9.0.2",
|
|
40
40
|
"@semantic-release/release-notes-generator": "10.0.3",
|
|
41
41
|
"@types/inputmask": "^5.0.3",
|
|
42
|
-
"@types/jest": "29.
|
|
42
|
+
"@types/jest": "29.4.0",
|
|
43
43
|
"@types/lodash.flowright": "^3.5.7",
|
|
44
44
|
"@types/node": "18",
|
|
45
45
|
"@types/react": ">=17",
|
|
46
46
|
"@types/react-dom": ">=17",
|
|
47
|
-
"@typescript-eslint/eslint-plugin": "5.
|
|
48
|
-
"@typescript-eslint/parser": "5.
|
|
47
|
+
"@typescript-eslint/eslint-plugin": "5.50.0",
|
|
48
|
+
"@typescript-eslint/parser": "5.50.0",
|
|
49
49
|
"@vitejs/plugin-react": "3.0.1",
|
|
50
50
|
"concurrently": "7.6.0",
|
|
51
51
|
"cross-env": "7.0.3",
|
|
52
|
-
"eslint": "8.
|
|
52
|
+
"eslint": "8.33.0",
|
|
53
53
|
"eslint-config-airbnb": "19.0.4",
|
|
54
54
|
"eslint-config-airbnb-typescript": "^17.0.0",
|
|
55
55
|
"eslint-plugin-import": "2.27.5",
|
|
56
56
|
"eslint-plugin-jsx-a11y": "6.7.1",
|
|
57
57
|
"eslint-plugin-react": "7.32.1",
|
|
58
58
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
59
|
-
"gh-pages": "5.0.0",
|
|
60
59
|
"microbundle": "0.15.1",
|
|
61
|
-
"semantic-release": "20.0
|
|
62
|
-
"typescript": "4.9.
|
|
63
|
-
"vite": "4.
|
|
60
|
+
"semantic-release": "20.1.0",
|
|
61
|
+
"typescript": "4.9.5",
|
|
62
|
+
"vite": "4.1.1",
|
|
64
63
|
"react-final-form": "6.5.9",
|
|
65
64
|
"react-hook-form": "^7.42.1",
|
|
66
65
|
"final-form": "4.20.9"
|
|
@@ -71,7 +70,6 @@
|
|
|
71
70
|
],
|
|
72
71
|
"dependencies": {
|
|
73
72
|
"inputmask": "5.0.7",
|
|
74
|
-
"lodash.compose": "2.4.1",
|
|
75
73
|
"lodash.flowright": "3.5.0"
|
|
76
74
|
},
|
|
77
75
|
"bundleDependencies": [
|
package/src/withHookFormMask.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/space-before-blocks */
|
|
2
2
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
3
3
|
import Inputmask from 'inputmask';
|
|
4
|
-
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
4
|
+
import type { UseFormRegisterReturn } from 'react-hook-form';
|
|
5
5
|
import flowright from 'lodash.flowright';
|
|
6
6
|
|
|
7
7
|
const withHookFormMask = (
|