@zohodesk/dot/lib/v1/ChannelIcon/ChannelIcon.js

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

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

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

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

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

var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));

var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));

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

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

var _ChannelIconMapping = require("../utils/ChannelIconMapping");

var _ChannelIconModule = _interopRequireDefault(require("../../ChannelIcon/ChannelIcon.module.css"));

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

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

var ChannelIcon = function ChannelIcon(props) {
  var name = props.name,
      action = props.action,
      iconSize = props.iconSize,
      iconTitle = props.iconTitle,
      size = props.size,
      topicIcon = props.topicIcon,
      topicIconTitle = props.topicIconTitle,
      topicIconSize = props.topicIconSize,
      topicIconColor = props.topicIconColor,
      iconClass = props.iconClass,
      dataId = props.dataId,
      className = props.className,
      palette = props.palette,
      textPalette = props.textPalette,
      customTextClass = props.customTextClass,
      iconColor = props.iconColor,
      needTopicBorder = props.needTopicBorder,
      topicClass = props.topicClass,
      renderIconOnly = props.renderIconOnly,
      iconName = props.iconName,
      title = props.title,
      dataSelectorId = props.dataSelectorId;
  var defaultChannelObj = name && !iconName && (0, _ChannelIconMapping.getChannelMappingObj)()[name.toUpperCase()];
  var customizedChannelName = null;

  if (!defaultChannelObj) {
    customizedChannelName = name;
  } else {
    iconName = defaultChannelObj[action];
  }

  return /*#__PURE__*/_react["default"].createElement("span", {
    className: _ChannelIconModule["default"].container,
    "data-selector-id": dataSelectorId
  }, customizedChannelName ? /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
    name: customizedChannelName,
    size: size,
    palette: palette,
    textPalette: textPalette,
    customClass: customTextClass,
    dataId: dataId,
    needTitle: title,
    title: title
  }) : !renderIconOnly ? iconName ? /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], {
    name: iconName,
    iconSize: iconSize,
    size: size,
    iconClass: "".concat(_ChannelIconModule["default"].iconStyle, " ").concat(name && action ? _ChannelIconModule["default"]["".concat(name.toLowerCase(), "_").concat(action.toLowerCase())] : '', " ").concat(iconClass ? iconClass : '', " "),
    dataId: dataId,
    className: className,
    iconColor: iconColor,
    title: iconTitle
  }) : /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
    name: name,
    size: size,
    palette: palette,
    textPalette: textPalette,
    customClass: customTextClass,
    dataId: dataId,
    needTitle: title,
    title: title
  }) : /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: iconName,
    size: iconSize,
    iconClass: "".concat(iconClass ? iconClass : '', " ").concat(_ChannelIconModule["default"].iconStyle, " ").concat(name && action ? _ChannelIconModule["default"]["".concat(name.toLowerCase(), "_").concat(action.toLowerCase())] : ''),
    title: iconTitle,
    dataId: dataId
  }), topicIcon ? /*#__PURE__*/_react["default"].createElement("span", {
    className: "".concat(_ChannelIconModule["default"].thread, " ").concat(needTopicBorder ? _ChannelIconModule["default"].threadBorder : '', " ").concat(topicClass ? topicClass : ''),
    "data-title": topicIconTitle
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: topicIcon,
    size: topicIconSize,
    iconClass: _ChannelIconModule["default"]["topic_".concat(topicIconColor)] ? "".concat(_ChannelIconModule["default"].topicIcon, " ").concat(_ChannelIconModule["default"]["topic_".concat(topicIconColor)]) : '',
    dataId: dataId
  })) : null);
};

ChannelIcon.defaultProps = _defaultProps.defaultProps;
ChannelIcon.propTypes = _propTypes.propTypes;
var _default = ChannelIcon;
exports["default"] = _default;