@zohodesk/dot 1.0.0-beta.21 → 1.0.0-beta.212

package/es/svg/TemplateIcon.js

@@ -1,66 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
-
-var TemplateIcon = function (_React$Component) {
-  _inherits(TemplateIcon, _React$Component);
-
-  function TemplateIcon() {
-    _classCallCheck(this, TemplateIcon);
-
-    return _possibleConstructorReturn(this, (TemplateIcon.__proto__ || _Object$getPrototypeOf(TemplateIcon)).apply(this, arguments));
-  }
-
-  _createClass(TemplateIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          isRender = _props.isRender,
-          isSymbol = _props.isSymbol,
-          className = _props.className;
-
-      return React.createElement(
-        SVG,
-        {
-          viewBox: '0 0 32 32',
-          name: 'TemplateIcon',
-          isRender: isRender,
-          isSymbol: isSymbol,
-          className: className
-        },
-        React.createElement(
-          'g',
-          null,
-          React.createElement('path', {
-            d: 'M3.6,27.7h5.9v2.8c0,0.8,0.7,1.5,1.5,1.5h17.4c0.8,0,1.5-0.7,1.5-1.5V5.9c0-0.8-0.7-1.5-1.5-1.5h-5.9V1.5 C22.5,0.7,21.8,0,21,0L3.6,0C2.8,0,2.1,0.7,2.1,1.5v24.6C2.1,27,2.8,27.7,3.6,27.7z M28.4,5.7c0.1,0,0.2,0.1,0.2,0.2v24.6 c0,0.1-0.1,0.2-0.2,0.2H11c-0.1,0-0.2-0.1-0.2-0.2V5.9c0-0.1,0.1-0.2,0.2-0.2C11,5.7,28.4,5.7,28.4,5.7z M9.5,16.6v3.1V16.6z M9.5,12v3.3V12z M9.5,7.6v3.2V7.6z M9.5,21v5.3H3.6c-0.1,0-0.2-0.1-0.2-0.2V1.5c0-0.1,0.1-0.2,0.2-0.2H21c0.1,0,0.2,0.1,0.2,0.2 v2.7L11,4.3c-0.8,0-1.5,0.7-1.5,1.5v0.1L9.5,21z M26.9,25.5c0,0.4-0.3,0.7-0.7,0.7H15.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7 h10.6C26.6,24.8,26.9,25.1,26.9,25.5z M12.8,21c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4 C13.1,21.7,12.8,21.4,12.8,21L12.8,21z M12.8,16.5c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4 C13.1,17.1,12.8,16.8,12.8,16.5L12.8,16.5z M12.8,12c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4 C13.1,12.6,12.8,12.4,12.8,12L12.8,12z'
-          })
-        )
-      );
-    }
-  }]);
-
-  return TemplateIcon;
-}(React.Component);
-
-export default TemplateIcon;
-
-TemplateIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-TemplateIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-if (false) {
-  TemplateIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/svg/docs/SVG__default.docs.js

@@ -1,87 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import PlusIcon from '../PlusIcon';
-import SnippetIcon from '../SnippetIcon';
-import TemplateIcon from '../TemplateIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-var SVG__default = function (_React$Component) {
-  _inherits(SVG__default, _React$Component);
-
-  function SVG__default() {
-    _classCallCheck(this, SVG__default);
-
-    return _possibleConstructorReturn(this, (SVG__default.__proto__ || _Object$getPrototypeOf(SVG__default)).apply(this, arguments));
-  }
-
-  _createClass(SVG__default, [{
-    key: 'render',
-    value: function render() {
-      var boxStyle = {
-        minWidth: '15%',
-        border: '1px solid #dcdcdc',
-        padding: '5px',
-        margin: '5px'
-      };
-      var textStyle = {
-        textAlign: 'center',
-        padding: '10px 0',
-        background: ' #f9f9f9',
-        marginTop: '10px',
-        color: '#000'
-      };
-      return React.createElement(
-        React.Fragment,
-        null,
-        React.createElement(
-          Container,
-          { alignBox: 'row', align: 'both', wrap: 'wrap' },
-          React.createElement(
-            Box,
-            { flexible: true, style: boxStyle },
-            React.createElement(PlusIcon, null),
-            React.createElement(
-              'div',
-              { style: textStyle },
-              'PlusIcon'
-            )
-          ),
-          React.createElement(
-            Box,
-            { flexible: true, style: boxStyle },
-            React.createElement(SnippetIcon, null),
-            React.createElement(
-              'div',
-              { style: textStyle },
-              'SnippetIcon'
-            )
-          ),
-          React.createElement(
-            Box,
-            { flexible: true, style: boxStyle },
-            React.createElement(TemplateIcon, null),
-            React.createElement(
-              'div',
-              { style: textStyle },
-              'TemplateIcon'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SVG__default;
-}(React.Component);
-
-export default SVG__default;
-
-if (false) {
-  SVG__default.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/es/utils/ChannelIconMapping.js

@@ -1,112 +0,0 @@
-export function getChannelMappingObj() {
-  return {
-    EMAIL: {
-      default: 'ZD-channelMail',
-      incoming: 'ZD-channelMailIn',
-      outgoing: 'ZD-channelMailOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelMailMissed'
-    },
-    FACEBOOK: {
-      default: 'ZD-channelFacebook',
-      incoming: 'ZD-channelFacebookIn',
-      outgoing: 'ZD-channelFacebookOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelFacebookMissed'
-    },
-    FACEBOOK_DM: {
-      default: 'ZD-channelDirectFb',
-      incoming: 'ZD-channelDirectFbIn',
-      outgoing: 'ZD-channelDirectFbOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelDirectFbMissed'
-    },
-    TWITTER: {
-      default: 'ZD-channelTwitter',
-      incoming: 'ZD-channelTwitterIn',
-      outgoing: 'ZD-channelTwitterOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelTwitterMissed'
-    },
-    FORUMS: {
-      default: 'ZD-channelForum',
-      incoming: 'ZD-channelForumIn',
-      outgoing: 'ZD-channelForumOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelForumMissed'
-    },
-    CHAT: {
-      default: 'ZD-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
-    },
-    OFFLINE_CHAT: {
-      default: 'ZD-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
-    },
-    ONLINE_CHAT: {
-      default: 'ZD-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
-    },
-    PHONE: {
-      default: 'ZD-channelPhone',
-      incoming: 'ZD-channelPhoneIn',
-      outgoing: 'ZD-channelPhoneOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelPhoneIn'
-    },
-    WEB: {
-      default: 'ZD-channelWeb',
-      incoming: 'ZD-channelWebIn',
-      out: 'ZD-channelWebOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelWebMissed'
-    },
-    CUSTOMERPORTAL: {
-      default: 'ZD-channelWeb',
-      incoming: 'ZD-channelWebIn',
-      out: 'ZD-channelWebOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelWebMissed'
-    },
-    FEEDBACK: {
-      default: 'ZD-channelHappiness',
-      incoming: 'ZD-channelHappinessIn',
-      out: 'ZD-channelHappinessOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelHappinessMissed'
-    }
-  };
-}

package/es/utils/General.js

@@ -1,19 +0,0 @@
-export function stopBubbling(event) {
-  event.preventDefault();
-  event.stopPropagation && event.stopPropagation();
-  event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
-}
-
-export function getFullName() {
-  var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-
-  var fullName = '';
-  if (firstName !== null && firstName !== '') {
-    fullName = firstName;
-  }
-  if (lastName !== null && lastName !== '') {
-    fullName = '' + fullName + lastName;
-  }
-  return fullName;
-}

package/es/utils/KeyboardApi.js

@@ -1,254 +0,0 @@
-import _defineProperty from 'babel-runtime/helpers/defineProperty';
-import _Object$assign from 'babel-runtime/core-js/object/assign';
-//$Id$
-var isShortCutEnabled = void 0;
-var showShortcut = {};
-var shortcutdatas = {};
-var additionalKey = {};
-var _SpecialKeyMaps = {
-  8: 'backspace',
-  9: 'tab',
-  13: 'enter',
-  16: 'shift',
-  17: 'ctrl',
-  18: 'alt',
-  //20: 'capslock',
-  27: 'esc',
-  32: 'space',
-  //33: 'pageup',
-  //34: 'pagedown',
-  //35: 'end',
-  //36: 'home',
-  37: 'left',
-  38: 'up',
-  39: 'right',
-  40: 'down',
-  46: 'del',
-  91: 'meta',
-  93: 'meta',
-  224: 'meta',
-
-  43: 'plus', //   +
-  61: 'plus', //  = , in firefox
-  63: 'ques', // ?
-  187: 'plus', //  =
-  191: 'slash' //   /
-};
-
-export function Shortcut(target) {
-  _addEvent(target, 'keypress', keycallback);
-  _addEvent(target, 'keydown', keycallback);
-  _addEvent(target, 'keyup', keycallback);
-}
-
-Shortcut.setState = function (isEnabled) {
-  isShortCutEnabled = isEnabled;
-};
-
-Shortcut.addAll = function (keysObj, props) {
-  showShortcut = props.showShortcut;
-  isShortCutEnabled && keysObj.map(function (keyOptions, index) {
-    Shortcut.add(keyOptions.keyCombo, keyOptions.keyCallback(props), keyOptions.keyAction, keyOptions.displayLabel || []);
-    return;
-  });
-};
-
-/**
- * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
- * @param callback = any function
- * @param action = keypress or keydown or keyup
- */
-
-Shortcut.bulkAdd = function (shortcutArray) {
-  showShortcut && shortcutArray.map(function (shortcutObj) {
-    Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
-  });
-};
-
-Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
-  if (!keycombo || !isShortCutEnabled) {
-    return;
-  }
-  var tempjson = {};
-  if (cpFunc === undefined) {
-    cpFunc = function cpFunc(keycode, keyOptions, e) {
-      _defaultCallBack(keycode, keyOptions);
-    };
-  } else {
-    var oldfunc = cpFunc;
-    cpFunc = function cpFunc(keycode, keyOptions, ev) {
-      oldfunc(keycode, ev);
-    };
-  }
-  tempjson.key = keycombo.toLowerCase();
-  tempjson.displayLabel = displayLabel;
-  tempjson.keyOptions = cpFunc;
-  tempjson.action = action || 'keypress';
-
-  shortcutdatas[keycombo.toLowerCase()] = tempjson;
-};
-/*Shortcut.prototype.remove = function(){
-
-};*/
-Shortcut.removeAll = function () {
-  shortcutdatas = {};
-};
-Shortcut.show = function () {
-  return _Object$assign({}, shortcutdatas);
-};
-
-Shortcut.remove = function (keyCombo) {
-  keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
-  keyCombo.map(function (key) {
-    delete shortcutdatas[key];
-  });
-};
-
-Shortcut.init = function (doc) {
-  var documentshortcut = Shortcut(doc);
-  for (var method in documentshortcut) {
-    if (method.charAt(0) !== '_') {
-      Shortcut[method] = function (method) {
-        return function () {
-          return documentshortcut[method].apply(documentshortcut, arguments);
-        };
-      }(method);
-    }
-  }
-};
-
-function _addEvent(object, type, callback) {
-  if (object.addEventListener) {
-    object.addEventListener(type, callback, false);
-    return;
-  }
-  object.attachEvent('on' + type, callback);
-}
-export function keycallback(e) {
-  if (!isShortCutEnabled) {
-    return;
-  }
-  var keyaction = e.type;
-  var keycode = _convertToKeyCharacter(e);
-  if (e.metaKey) {
-    return;
-  }
-  _bindNeedData(e, keyaction);
-  if ('esc' !== keycode) {
-    if (_shortRestrictionPlaces(e)) {
-      //return if type any text in input tag or texta area
-      return;
-    }
-  }
-  keycode = _eventModifiers(e) + keycode;
-  var keycodedata = shortcutdatas[keycode];
-  if (keycodedata) {
-    e.preventDefault();
-  }
-  if (keycodedata && keyaction === keycodedata.action && keycodedata.keyOptions) {
-    keycodedata.keyOptions && keycodedata.keyOptions(keycode, keycodedata.keyOptions, e);
-    showShortcut({
-      type: 'SHORTCUT_SHOW',
-      displayLabel: keycodedata.displayLabel
-    });
-  }
-}
-function _eventModifiers(e) {
-  if (e.shiftKey === true && e.metaKey === true) {
-    return 'command+shift+';
-  }
-  if (e.shiftKey === true && e.ctrlKey === true) {
-    return 'ctrl+shift+';
-  }
-  if (e.altKey === true && e.ctrlKey === true) {
-    return 'alt+ctrl+';
-  }
-  if (e.ctrlKey === true) {
-    return 'ctrl+';
-  }
-  if (e.metaKey === true) {
-    return 'command+';
-  }
-  if (e.shiftKey === true) {
-    return 'shift+';
-  }
-  if (additionalKey.zpress === true) {
-    return 'z+';
-  } else if (additionalKey.apress === true) {
-    return 'a+';
-  } else if (additionalKey.cpress === true) {
-    return 'c+';
-  } else if (additionalKey.dpress === true) {
-    return 'd+';
-  } else if (additionalKey.fpress === true) {
-    return 'f+';
-  } else if (additionalKey.kpress === true) {
-    return 'k+';
-  } else if (additionalKey.ppress === true) {
-    return 'p+';
-  } else if (additionalKey.rpress === true) {
-    return 'r+';
-  } else if (additionalKey.tpress === true) {
-    return 't+';
-  } else if (additionalKey.epress === true) {
-    return 'e+';
-  } else if (additionalKey.lpress === true) {
-    return 'l+';
-  }
-  return '';
-}
-function _bindNeedData(e, keyaction) {
-  var keyName = String.fromCharCode(e.keyCode).toLowerCase();
-  if (['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !== -1) {
-    var extraName = keyName + 'press';
-    if (keyaction === 'keydown') {
-      additionalKey = !additionalKey[extraName] ? _Object$assign({}, additionalKey, _defineProperty({}, extraName, true)) : additionalKey;
-      additionalKey[extraName] = true;
-    } else if (keyaction === 'keyup') {
-      additionalKey = !additionalKey[extraName] ? _Object$assign({}, additionalKey, _defineProperty({}, extraName, false)) : additionalKey;
-      additionalKey[extraName] = false;
-    }
-  }
-}
-function _convertToKeyCharacter(e) {
-  var keyCode = e.keyCode || e.charCode;
-  var keyName = String.fromCharCode(keyCode).toLowerCase();
-  keyName = _SpecialKeyMaps.hasOwnProperty(keyCode) ? _SpecialKeyMaps[keyCode] : keyName;
-  return keyName;
-}
-function _defaultCallBack(keycombo, keyOptions) {
-  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
-  if (keyOptions.callbackflow !== undefined) {
-    keycombo = keyOptions.callbackflow.split(',');
-    var click = function(i, combo) {
-      setTimeout(function() {
-        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
-      }, i * 200);
-    };
-    for (var i = 0; i < keycombo.length; i++) {
-      var clickFunc = click.bind(this, i);
-      clickFunc(keycombo[i]);
-      highLightKeys(keycombo[i]);
-    }
-    return;
-  }
-  if (keyElement.length === 1) {
-    keyElement.trigger('click');
-    highLightKeys(keycombo);
-    return;
-  }*/
-}
-function _shortRestrictionPlaces(e) {
-  var _target = e.target;
-  var tagName = _target.tagName;
-
-  var keyCode = e.keyCode || e.charCode;
-  var isContentEditable = _target.contentEditable === 'true';
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 ||
-  //!SupportUI.CurrentUser.getKBStatus() ||
-  //restrict_keyUI() ||
-  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
-    return true;
-  }
-  return false;
-}

package/es/utils/Ticket.js

@@ -1,3 +0,0 @@
-export var getPriorityColor = function getPriorityColor(priority) {
-  return priority === 'High' ? 'red' : priority === 'Medium' ? 'orange' : priority === 'Low' ? 'green' : priority ? 'black' : 'gray';
-};

package/lib/ChannelIcon/ChannelIcon.js

@@ -1,147 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _Avatar = require('@zohodesk/components/lib/Avatar/Avatar');
-
-var _Avatar2 = _interopRequireDefault(_Avatar);
-
-var _AvatarIcon = require('../avatar/AvatarIcon/AvatarIcon');
-
-var _AvatarIcon2 = _interopRequireDefault(_AvatarIcon);
-
-var _ChannelIconMapping = require('../utils/ChannelIconMapping');
-
-var _ChannelIconModule = require('./ChannelIcon.module.css');
-
-var _ChannelIconModule2 = _interopRequireDefault(_ChannelIconModule);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ChannelIcon = function (_Component) {
-  _inherits(ChannelIcon, _Component);
-
-  function ChannelIcon(props) {
-    _classCallCheck(this, ChannelIcon);
-
-    return _possibleConstructorReturn(this, (ChannelIcon.__proto__ || Object.getPrototypeOf(ChannelIcon)).call(this, props));
-  }
-
-  _createClass(ChannelIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          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,
-          iconColor = _props.iconColor,
-          needTopicBorder = _props.needTopicBorder,
-          topicClass = _props.topicClass;
-
-      var defaultChannelObj = name && (0, _ChannelIconMapping.getChannelMappingObj)()[name.toUpperCase()];
-      var customizedChannelName = null;
-      var iconName = null;
-      if (!defaultChannelObj) {
-        customizedChannelName = name;
-      } else {
-        iconName = defaultChannelObj[action];
-      }
-      return _react2.default.createElement(
-        'span',
-        { className: _ChannelIconModule2.default.container },
-        customizedChannelName ? _react2.default.createElement(_Avatar2.default, { name: customizedChannelName, size: size, palette: palette }) : size ? iconName ? _react2.default.createElement(_AvatarIcon2.default, {
-          name: iconName,
-          iconSize: iconSize,
-          size: size,
-          iconClass: _ChannelIconModule2.default.iconStyle + ' ' + (name && action ? _ChannelIconModule2.default[name.toLowerCase() + '_' + action.toLowerCase()] : '') + ' ' + (iconClass ? iconClass : '') + ' ',
-          dataId: dataId,
-          className: className,
-          iconColor: iconColor,
-          iconTitle: iconTitle
-        }) : _react2.default.createElement(_Avatar2.default, { name: name, size: size, palette: palette }) : _react2.default.createElement(_Icon2.default, {
-          name: iconName,
-          size: iconSize,
-          iconClass: iconClass ? iconClass : '',
-          title: iconTitle
-        }),
-        topicIcon ? _react2.default.createElement(
-          'span',
-          {
-            className: _ChannelIconModule2.default.thread + ' ' + (needTopicBorder ? _ChannelIconModule2.default.threadBorder : '') + ' ' + (topicClass ? topicClass : ''),
-            'data-title': topicIconTitle
-          },
-          _react2.default.createElement(_Icon2.default, {
-            name: topicIcon,
-            size: topicIconSize,
-            iconClass: _ChannelIconModule2.default['topic_' + topicIconColor] ? _ChannelIconModule2.default['topic_' + topicIconColor] : ''
-          })
-        ) : null
-      );
-    }
-  }]);
-
-  return ChannelIcon;
-}(_react.Component);
-
-exports.default = ChannelIcon;
-
-ChannelIcon.defaultProps = {
-  iconSize: '21',
-  name: 'phone',
-  needTopicBorder: true
-};
-ChannelIcon.propTypes = {
-  action: _propTypes2.default.string,
-  className: _propTypes2.default.string,
-  dataId: _propTypes2.default.string,
-  iconClass: _propTypes2.default.string,
-  iconSize: _propTypes2.default.string,
-  name: _propTypes2.default.string,
-  palette: _propTypes2.default.oneOf(['primary', 'secondary', 'info', 'default']),
-  size: _propTypes2.default.string,
-  topicIcon: _propTypes2.default.string,
-  topicIconColor: _propTypes2.default.string,
-  topicIconSize: _propTypes2.default.string,
-  topicIconTitle: _propTypes2.default.string,
-  iconColor: _propTypes2.default.string,
-  needTopicBorder: _propTypes2.default.bool,
-  topicClass: _propTypes2.default.string,
-  iconTitle: _propTypes2.default.string
-};
-if (false) {
-  ChannelIcon.docs = {
-    componentGroup: 'Atom'
-  };
-}