@dnb/eufemia/cjs/extensions/forms/Value/PhoneNumber/PhoneNumber.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _index = _interopRequireDefault(require("../String/index.js"));
var _NumberUtils = require("../../../../components/number-format/NumberUtils.js");
var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation.js"));
var _index2 = require("../../ValueBlock/index.js");
var _withComponentMarkers = _interopRequireDefault(require("../../../../shared/helpers/withComponentMarkers.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function PhoneNumber(props) {
  var _props$label;
  const translations = (0, _useTranslation.default)().PhoneNumber;
  const label = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : translations.numberLabel;
  const toInput = (0, _react.useCallback)(value => {
    if ((0, _index2.isValueEmpty)(value)) {
      return undefined;
    }
    return (0, _NumberUtils.formatPhoneNumber)(value).toString();
  }, []);
  const stringValueProps = {
    ...props,
    label,
    toInput
  };
  return (0, _jsxRuntime.jsx)(_index.default, {
    ...stringValueProps
  });
}
(0, _withComponentMarkers.default)(PhoneNumber, {
  _supportsSpacingProps: true
});
var _default = exports.default = PhoneNumber;
//# sourceMappingURL=PhoneNumber.js.map