@zohodesk/dot/lib/v1/avatar/AvatarIcon/AvatarIcon.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = AvatarIcon;

var _react = _interopRequireDefault(require("react"));

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _icons = require("@zohodesk/icons");

var _Layout = require("@zohodesk/components/es/v1/Layout");

var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));

var _AvatarIconModule = _interopRequireDefault(require("../../../avatar/AvatarIcon/AvatarIcon.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function AvatarIcon(props) {
  var name = props.name,
      size = props.size,
      iconSize = props.iconSize,
      iconClass = props.iconClass,
      iconColor = props.iconColor,
      onClick = props.onClick,
      palette = props.palette,
      dataId = props.dataId,
      className = props.className,
      isIconBold = props.isIconBold,
      title = props.title,
      borderOnActive = props.borderOnActive,
      borderOnHover = props.borderOnHover,
      customProps = props.customProps,
      dataSelectorId = props.dataSelectorId;
  var _customProps$AvatarIc = customProps.AvatarIconProps,
      AvatarIconProps = _customProps$AvatarIc === void 0 ? {} : _customProps$AvatarIc;
  var border = borderOnHover || onClick;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
    className: "".concat(_AvatarIconModule["default"].container, " ").concat(borderOnActive ? _AvatarIconModule["default"].borderOnActive : border ? _AvatarIconModule["default"].borderOnHover : '', " ").concat((0, _AvatarSize["default"])(size), " ").concat(_AvatarIconModule["default"][palette], " ").concat(className),
    onClick: onClick,
    dataId: dataId,
    "data-title": title,
    isInline: true,
    align: "both",
    isCover: false,
    dataSelectorId: dataSelectorId
  }, AvatarIconProps), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: name,
    size: iconSize,
    iconClass: " ".concat(iconClass, " ").concat(_AvatarIconModule["default"].iconColor, " ").concat(iconColor ? " ".concat(_AvatarIconModule["default"]["icon_".concat(iconColor)]) : '', " "),
    isBold: isIconBold
  }));
}

AvatarIcon.defaultProps = _defaultProps.defaultProps;
AvatarIcon.propTypes = _propTypes.propTypes;