UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

60 lines (59 loc) 2.14 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = require("react"); var _index = _interopRequireDefault(require("../String/index.js")); var _formatBankAccountNumber = require("../../../../components/number-format/utils/formatBankAccountNumber.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 BankAccountNumber(props) { const { bankAccountType = 'norwegianBban', ...restProps } = props; const translations = (0, _useTranslation.default)().BankAccountNumber; const toInput = (0, _react.useCallback)(external => { if ((0, _index2.isValueEmpty)(external)) { return undefined; } return (0, _formatBankAccountNumber.formatBankAccountNumberByType)(String(external), bankAccountType).number; }, [bankAccountType]); const label = (0, _react.useMemo)(() => { if (restProps.label !== undefined) { return restProps.label; } if (restProps.inline) { return undefined; } switch (bankAccountType) { case 'swedishBban': return translations.labelSwedishBban; case 'swedishBankgiro': return translations.labelSwedishBankgiro; case 'swedishPlusgiro': return translations.labelSwedishPlusgiro; case 'iban': return translations.labelIban; default: return translations.label; } }, [restProps.label, restProps.inline, bankAccountType, translations]); const stringValueProps = { ...restProps, label, toInput }; return (0, _jsxRuntime.jsx)(_index.default, { ...stringValueProps }); } (0, _withComponentMarkers.default)(BankAccountNumber, { _supportsSpacingProps: true }); var _default = exports.default = BankAccountNumber; //# sourceMappingURL=BankAccountNumber.js.map