@dnb/eufemia/components/input-masked/hooks/useLocalValue.js

DNB Eufemia Design System UI Library

"use client";

import { useContext, useEffect, useState } from 'react';
import InputMaskedContext from "../InputMaskedContext.js";
import { correctNumberValue } from "../InputMaskedUtils.js";
import { useTranslation } from "./useTranslation.js";
import { useNumberMaskParams } from "./useNumberMaskParams.js";
export const useLocalValue = () => {
  const {
    props,
    context
  } = useContext(InputMaskedContext);
  const maskParams = useNumberMaskParams() || {};
  const locale = useTranslation();
  const [localValue, setLocalValue] = useState(() => {
    return correctNumberValue({
      locale,
      props,
      maskParams
    });
  });
  useEffect(() => {
    const value = correctNumberValue({
      localValue,
      locale,
      props,
      maskParams
    });
    setLocalValue(value);
  }, [props, context, locale]);
  return {
    localValue,
    setLocalValue
  };
};
//# sourceMappingURL=useLocalValue.js.map