@zohodesk/dot 1.0.0-beta.22 → 1.0.0-beta.223

package/src/svg/SnippetIcon.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
-export default class SnippetIcon extends React.Component {
-  render() {
-    let { isRender, isSymbol, className } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 31 32'
-        name='SnippetIcon'
-        isRender={isRender}
-        isSymbol={isSymbol}
-        className={className}
-      >
-        <g>
-          <path
-            d='M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8
-        l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1
-        c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3
-        c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2
-        c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z'
-          />
-          <path
-            style={{ fill: '#03A3FE' }}
-            d='M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7
-        C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3
-        C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3
-        C11.3,24.6,11.7,25.1,16.2,25.7z'
-          />
-        </g>
-      </SVG>
-    );
-  }
-}
-SnippetIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-SnippetIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-
-if (__DOCS__) {
-  SnippetIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/TemplateIcon.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
-export default class TemplateIcon extends React.Component {
-  render() {
-    let { isRender, isSymbol, className } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 32 32'
-        name='TemplateIcon'
-        isRender={isRender}
-        isSymbol={isSymbol}
-        className={className}
-      >
-        <g>
-          <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'
-          />
-        </g>
-      </SVG>
-    );
-  }
-}
-TemplateIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-TemplateIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-if (__DOCS__) {
-  TemplateIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/docs/SVG__default.docs.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import PlusIcon from '../PlusIcon';
-import SnippetIcon from '../SnippetIcon';
-import TemplateIcon from '../TemplateIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-export default class SVG__default extends React.Component {
-  render() {
-    let boxStyle = {
-      minWidth: '15%',
-      border: '1px solid #dcdcdc',
-      padding: '5px',
-      margin: '5px'
-    };
-    let textStyle = {
-      textAlign: 'center',
-      padding: '10px 0',
-      background: ' #f9f9f9',
-      marginTop: '10px',
-      color: '#000'
-    };
-    return (
-      <React.Fragment>
-        <Container alignBox='row' align='both' wrap='wrap'>
-        <Box flexible style={boxStyle}>
-          <PlusIcon />
-            <div style={textStyle}>PlusIcon</div>
-          </Box>
-          <Box flexible style={boxStyle}>
-          <SnippetIcon />
-            <div style={textStyle}>SnippetIcon</div>
-          </Box>
-          <Box flexible style={boxStyle}>
-          <TemplateIcon />
-            <div style={textStyle}>TemplateIcon</div>
-          </Box>
-        </Container>
-      </React.Fragment>
-    );
-  }
-}
-if (__DOCS__) {
-  SVG__default.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/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/src/utils/General.js

@@ -1,18 +0,0 @@
-export function stopBubbling(event) {
-  event.preventDefault();
-  event.stopPropagation && event.stopPropagation();
-  event.nativeEvent &&
-    event.nativeEvent.stopImmediatePropagation &&
-    event.nativeEvent.stopImmediatePropagation();
-}
-
-export function getFullName(firstName = '', lastName = '') {
-  let fullName = '';
-  if (firstName !== null && firstName !== '') {
-    fullName = firstName;
-  }
-  if (lastName !== null && lastName !== '') {
-    fullName = `${fullName}${lastName}`;
-  }
-  return fullName;
-}

package/src/utils/KeyboardApi.js

@@ -1,280 +0,0 @@
-//$Id$
-let isShortCutEnabled;
-let showShortcut = {};
-let shortcutdatas = {};
-let additionalKey = {};
-let _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((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(shortcutObj => {
-      Shortcut.add(
-        shortcutObj.keyCombo,
-        shortcutObj.keyCallback,
-        shortcutObj.keyAction,
-        shortcutObj.displayLabel || []
-      );
-    });
-};
-
-Shortcut.add = function(keycombo, cpFunc, action, displayLabel) {
-  if (!keycombo || !isShortCutEnabled) {
-    return;
-  }
-  let tempjson = {};
-  if (cpFunc === undefined) {
-    cpFunc = function(keycode, keyOptions, e) {
-      _defaultCallBack(keycode, keyOptions);
-    };
-  } else {
-    let oldfunc = cpFunc;
-    cpFunc = function(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(key => {
-    delete shortcutdatas[key];
-  });
-};
-
-Shortcut.init = function(doc) {
-  let documentshortcut = Shortcut(doc);
-  for (let method in documentshortcut) {
-    if (method.charAt(0) !== '_') {
-      Shortcut[method] = (function(method) {
-        return function() {
-          return documentshortcut[method](...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;
-  }
-  let keyaction = e.type;
-  let 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;
-  let 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) {
-  let keyName = String.fromCharCode(e.keyCode).toLowerCase();
-  if (
-    ['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !==
-    -1
-  ) {
-    let extraName = `${keyName}press`;
-    if (keyaction === 'keydown') {
-      additionalKey = !additionalKey[extraName]
-        ? Object.assign({}, additionalKey, { [extraName]: true })
-        : additionalKey;
-      additionalKey[extraName] = true;
-    } else if (keyaction === 'keyup') {
-      additionalKey = !additionalKey[extraName]
-        ? Object.assign({}, additionalKey, { [extraName]: false })
-        : additionalKey;
-      additionalKey[extraName] = false;
-    }
-  }
-}
-function _convertToKeyCharacter(e) {
-  let keyCode = e.keyCode || e.charCode;
-  let 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) {
-  let _target = e.target;
-  let { tagName } = _target;
-  let keyCode = e.keyCode || e.charCode;
-  let 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/src/utils/Ticket.js

@@ -1,10 +0,0 @@
-export const getPriorityColor = priority =>
-  priority === 'High'
-    ? 'red'
-    : priority === 'Medium'
-    ? 'orange'
-    : priority === 'Low'
-    ? 'green'
-    : priority
-    ? 'black'
-    : 'gray';