@uimkit/uikit-react/dist/cjs/components/UIUserItem/UIUserItem.js

<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
var clsx_m = require('../../node_modules/.pnpm/clsx@1.2.1/node_modules/clsx/dist/clsx.m.js');
var Avatar = require('../Avatar/Avatar.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

/**
 * UI component for mentions rendered in suggestion list
 */
var UnMemoizedUserItem = function (_a) {
    var _b = _a.Avatar, Avatar$1 = _b === void 0 ? Avatar.Avatar : _b, entity = _a.entity;
    var hasEntity = !!Object.keys(entity).length;
    var itemParts = entity === null || entity === void 0 ? void 0 : entity.itemNameParts;
    var renderName = function () {
        if (!hasEntity)
            return null;
        return itemParts.parts.map(function (part, i) {
            var matches = part.toLowerCase() === itemParts.match.toLowerCase();
            return (React__default["default"].createElement("span", { className: clsx_m.clsx({
                    'uim__emoji-item--highlight': matches,
                    'uim__emoji-item--part': !matches,
                }), key: "part-".concat(i) }, part));
        });
    };
    console.log('fuckrender: ', entity.name, itemParts);
    return (React__default["default"].createElement("div", { className: 'uim__user-item' },
        React__default["default"].createElement(Avatar$1, { image: entity.avatar, name: entity.name || entity.id, size: 20 }),
        React__default["default"].createElement("span", { className: 'uim__user-item--name', "data-testid": 'user-item-name' }, renderName()),
        React__default["default"].createElement("div", { className: 'uim__user-item-at' }, "@")));
};
var UIUserItem = React__default["default"].memo(UnMemoizedUserItem);

exports.UIUserItem = UIUserItem;
//# sourceMappingURL=UIUserItem.js.map