@dnb/eufemia/components/input-masked/InputMaskedElement.js

DNB Eufemia Design System UI Library

import React from 'react';
import Input from "../input/Input.js";
import clsx from 'clsx';
import { useInputElement, useEventMapping, useFilteredProps, useLocalValue } from "./hooks/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
export default function InputMaskedElement() {
  const inputElement = useInputElement();
  const {
    localValue,
    setLocalValue
  } = useLocalValue();
  const events = useEventMapping({
    setLocalValue
  });
  const {
    props,
    htmlAttributes
  } = useFilteredProps();
  const {
    className
  } = props;
  const {
    ref: _ref,
    ...inputAttributes
  } = htmlAttributes;
  return _jsx(Input, {
    ...inputAttributes,
    ...events,
    inputElement: inputElement,
    value: localValue,
    className: clsx('dnb-input-masked', className)
  });
}
//# sourceMappingURL=InputMaskedElement.js.map