fix: invalid class (#388)

thr-consulting · Jan 8, 2024 · 2734e5d · 2734e5d
1 parent 3c8d677
commit 2734e5d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/controls/src/money/useMoneyInput.ts b/packages/controls/src/money/useMoneyInput.ts
@@ -6,6 +6,9 @@ import {MutableRefObject, useCallback, useEffect, useRef} from 'react';
 
 const d = debug('thx.controls.money.useMoneyInput');
 
+// @ts-ignore inputmask .d.ts file is correct, but ESM causes some difficulty. -mk
+const InputmaskClass = Inputmask.default || Inputmask;
+
 interface UseMoneyInputProps {
 	value?: Money;
 	onChange?: (value?: Money) => void;
@@ -34,7 +37,7 @@ export function useMoneyInput(props: UseMoneyInputProps): [MutableRefObject<HTML
 		if (!inputElement.current) throw new Error('Could not get input element');
 
 		d('Creating input mask instance');
-		maskInstance.current = new Inputmask({
+		maskInstance.current = new InputmaskClass({
 			alias: 'numeric',
 			groupSeparator: ',',
 			digits: wholeNumber ? '0' : Money[currencyCode].decimal_digits.toString(),
@@ -58,6 +61,7 @@ export function useMoneyInput(props: UseMoneyInputProps): [MutableRefObject<HTML
 				if (onChange) onChange(toMoney(inputElement.current?.value, currencyCode));
 			},
 		});
+		// @ts-ignore We just created the instance but typescript can't figure it out. -mk
 		maskInstance.current.mask(inputElement.current);
 
 		return () => {
@@ -96,4 +100,4 @@ export function useMoneyInput(props: UseMoneyInputProps): [MutableRefObject<HTML
 	}, [setVal, value]);
 
 	return [inputElement, setVal];
-}
+}