@bluemarble/bm-components 0.0.86 → 0.0.88

package/dist/esm/index.js

@@ -14817,28 +14817,39 @@ function InputMask(_a) {
         return React__default.createElement(BaseInputMask, Object.assign({}, rest));
 }
 const BaseInputMask = (_a) => {
-    var { mask, defaultValue, onChangeValue } = _a, rest = __rest(_a, ["mask", "defaultValue", "onChangeValue"]);
-    const { ref, value, unmaskedValue, setValue } = useIMask(mask);
+    var { mask, defaultValue, onChangeValue, value: controlledValue } = _a, rest = __rest(_a, ["mask", "defaultValue", "onChangeValue", "value"]);
+    const { ref, value, setValue, maskRef, unmaskedValue } = useIMask(mask, {
+        onComplete: (...params) => {
+            // console.log( )
+            if (onChangeValue)
+                onChangeValue(params[0], unmaskedValue);
+            // params[1].updateValue()
+        }
+    });
     useEffect(() => {
         if (!value)
             setValue(String(defaultValue));
+        maskRef.current.value = String(defaultValue);
     }, [defaultValue]);
     useEffect(() => {
-        if (onChangeValue)
-            onChangeValue(value, unmaskedValue);
-    }, [value]);
+        setValue(controlledValue);
+        maskRef.current.value = controlledValue;
+    }, [controlledValue]);
     return React__default.createElement(BaseInput$1, Object.assign({ inputRef: ref }, rest));
 };
 function FormikInputMask(_a) {
     var { mask, defaultValue, name } = _a, rest = __rest(_a, ["mask", "defaultValue", "name"]);
-    const { ref, value, unmaskedValue, setValue } = useIMask(mask);
+    const { ref, value, unmaskedValue, maskRef, setValue } = useIMask(mask);
     const initialValue = useRef();
     const formikSaveFunction = useRef();
     useEffect(() => {
-        if (!value && defaultValue)
+        if (!value && defaultValue) {
             setValue(String(defaultValue));
+            maskRef.current.value = String(defaultValue);
+        }
         else if (initialValue.current) {
             setValue(String(initialValue.current));
+            maskRef.current.value = String(initialValue.current);
         }
     }, [defaultValue]);
     useEffect(() => {