@sb1/ffe-account-selector-react
Version:
Selector for bank accounts with autocomplete.
25 lines (24 loc) • 2.4 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AccountMultiselectOptionBody = AccountMultiselectOptionBody;
var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
var ffe_core_react_1 = require("@sb1/ffe-core-react");
var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
var format_1 = require("../format");
var checkIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPgogICAgPHBhdGgKICAgICAgICBkPSJtMzgyLTM2Mi4xMzEgMzM0LjY5Ni0zMzQuNjk1UTczMC4zNy03MTAuNSA3NDguNzYxLTcxMC41dDMyLjA2NSAxMy42NzRRNzk0LjUtNjgzLjE1MiA3OTQuNS02NjQuMzhxMCAxOC43NzEtMTMuNjc0IDMyLjQ0NUw0MTQuMDY1LTI2NC40MTNRNDAwLjM5MS0yNTAuNzM5IDM4Mi0yNTAuNzM5dC0zMi4wNjUtMTMuNjc0TDE3OC40MTMtNDM1LjkzNXEtMTMuNjc0LTEzLjY3NC0xMy4yOTQtMzIuNDQ1LjM4MS0xOC43NzIgMTQuMDU1LTMyLjQ0NlQyMTEuNjItNTE0LjVxMTguNzcxIDAgMzIuNDQ1IDEzLjY3NEwzODItMzYyLjEzMVoiIC8+Cjwvc3ZnPg==';
function AccountMultiselectOptionBody(_a) {
var item = _a.item, isHighlighted = _a.isHighlighted, showBalance = _a.showBalance, locale = _a.locale;
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-searchable-dropdown__list-item-body', 'ffe-searchable-dropdown__list-item-body--condensed', {
'ffe-searchable-dropdown__list-item-body--highlighted': isHighlighted,
}) },
react_1.default.createElement("div", { className: "ffe-searchable-dropdown__list-item-body-content" },
item.name,
react_1.default.createElement("div", { className: "ffe-searchable-dropdown__list-item-body-details" },
react_1.default.createElement(ffe_core_react_1.SmallText, { className: "ffe-searchable-dropdown__detail-text" }, (0, format_1.accountFormatter)(item.accountNumber)),
showBalance && (react_1.default.createElement(ffe_core_react_1.SmallText, { className: "ffe-searchable-dropdown__detail-text" }, (0, format_1.balanceWithCurrency)(item.balance, locale, item.currencyCode))))),
react_1.default.createElement(ffe_icons_react_1.Icon, { fileUrl: checkIcon, size: "md", className: "ffe-searchable-dropdown__selected-icon" })));
}