@zohodesk/dot 1.0.0-temp-58 → 1.0.0-temp-61

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/editorUtils.js

@@ -1,189 +0,0 @@
-const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200;
-
-// editorUtils
-export function editorContentValidate(editorObj) {
-  let content =
-    (editorObj && editorObj.getContent && editorObj.getContent()) || '';
-  if (
-    content == '' ||
-    !content.length ||
-    content == '<div><br></div>' ||
-    (editorObj.mode !== 'plaintext' &&
-      !editorObj.doc.body.innerText.trim().length &&
-      !editorObj.doc.getElementsByTagName('img').length &&
-      !editorObj.doc.getElementsByTagName('iframe').length && !isValidSpace(editorObj))
-  ) {
-    return false;
-  }
-  return true;
-}
-function isValidSpace(editorObj) {
-  let uTags = editorObj.doc.body.getElementsByTagName('u');
-  let isValidContent = false;
-  for (let i = 0; i < uTags.length; i++) {
-    let uTag = uTags[i];
-    let contentLength = uTag.innerText.length;
-    if (contentLength) {
-      isValidContent = true;
-      break;
-    }
-  }
-
-  return isValidContent;
-}
-
-export function fixEncoding(str) {
-  if (/&amp;lt;|&amp;gt;/g.test(str) == true) {
-    str = str.replace(/&amp;lt;/g, '&lt;');
-    str = str.replace(/&amp;gt;/g, '&gt;');
-  }
-  return str;
-}
-
-export function encodeForHtml(str) {
-  if (/<|>|&|"|'|\\/g.test(str) == true) {
-    str = str.replace(/&/g, '&amp;');
-    str = str.replace(/</g, '&lt;');
-    str = str.replace(/>/g, '&gt;');
-    str = str.replace(/"/g, '&quot;');
-    str = str.replace(/\\/g, '&#x5c;');
-    str = str.replace(/'/g, '&#39;');
-  }
-  return str;
-}
-
-// attachment
-
-export function isFileNameSizeInvalid(fileName) {
-  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
-}
-
-export function isImageFormat(fileName) {
-  let extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
-}
-
-export function getExtensionFromFileName(fileName) {
-  if (fileName && fileName.indexOf('.') != -1) {
-    return fileName
-      .substring(fileName.lastIndexOf('.') + 1, fileName.length)
-      .toLowerCase();
-  }
-  return '';
-}
-
-// common
-export function triggerKeyup(elem) {
-  let keyup = new KeyboardEvent('keyup');
-  elem && elem.dispatchEvent && elem.dispatchEvent(keyup);
-}
-
-// editor
-
-export function getRichEditorContent(key) {
-  let richTextEditor = editor[key];
-  if (richTextEditor != undefined) {
-    let content = richTextEditor.getContent();
-    content = content.trim();
-    if (content == '<br>') {
-      return '';
-    }
-    if (richTextEditor.mode == 'plaintext') {
-      content = replaceNewLineCharacter(content);
-    }
-    return content;
-  }
-  return '';
-}
-
-function replaceNewLineCharacter(content) {
-  if (typeof content !== 'undefined') {
-    content = encodeForHtml(content);
-    content = content.replace(/\n/g, '<br/>');
-  }
-  return content;
-}
-
-export const changeContent = (id, value) => {
-  let editorObj = global.editor && global.editor[id];
-  if (editorObj) {
-    let content = fixEncoding(value);
-    if (editorObj.mode === 'plaintext') {
-      editorObj.squireInstance.setHTML(content);
-      editorObj.plainText(editorObj.squireInstance.getHTML());
-    } else {
-      editorObj.setContent(content);
-    }
-  }
-};
-
-export function validateEditorContentOnInsertHtml(node) {
-  if (node.nodeName === 'IFRAME') {
-    let iframeSrcRegex = /^(https?:)?\/\/((www\.youtube\.com)|(www\.youtube-nocookie\.com)|(([a-z\-]+\.)?flowplayer\.org)|(www\.useloom\.com)|(player\.vimeo\.com)|(www\.dailymotion\.com)|(w\.soundcloud\.com)|(whatfix\.com)|([a-z\-]+\.zoho\.com)|([a-z\-]+\.google\.com)|([a-z\-]+\.efficientforms\.com)|([a-z0-9\-]+\.microsoftstream\.com)).*$/;
-    if (
-      !node.getAttribute('src') ||
-      !iframeSrcRegex.test(node.getAttribute('src'))
-    ) {
-      node.parentNode.removeChild(node);
-    }
-  }
-}
-
-// loadresource
-
-/* use promise and remove callback*/
-export function loadResource(url, type, id, callback) {
-  return new Promise(resolve => {
-    let css, script;
-    if (id && document.getElementById(id)) {
-      resolve();
-      return;
-    }
-    if (type === 'css') {
-      css = document.createElement('link');
-      css.type = 'text/css';
-      css.rel = 'stylesheet';
-      css.href = url;
-      css.id = id || '';
-      css.onload = function () {
-        resolve();
-      };
-      css.onerror = function () {
-        resolve();
-      };
-      document.getElementsByTagName('head')[0].appendChild(css);
-    } else if (type === 'js') {
-      script = document.createElement('script');
-      script.type = 'text/javascript';
-      script.src = url;
-      script.defer = true;
-
-      script.onload = function () {
-        resolve();
-        if (id) {
-          script.id = id;
-        }
-        if (typeof callback === 'function') {
-          callback();
-        }
-      };
-      script.onerror = function () {
-        resolve();
-      };
-      document.getElementsByTagName('head')[0].appendChild(script);
-    }
-  });
-}
-
-// bind
-
-export function bind(...handlers) {
-  handlers.forEach(handler => {
-    if (__DEVELOPMENT__) {
-      if (!this[handler]) {
-        console.log('Handler method not defined: ', handler);
-      }
-    }
-    this[handler] = this[handler].bind(this);
-  });
-}

package/src/version2/AlertClose/AlertClose.js

@@ -1,45 +0,0 @@
-/*** Libraries ***/
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import Icon from '@zohodesk/icons/lib/Icon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-import style from './AlertClose.module.css';
-
-
-export default class AlertClose extends PureComponent {
-  render() {
-    let { onClose, dataId, dataTitle, type, customClass } = this.props;
-    return (
-      <Container
-        className={`${style.close} ${type ? style[type] : ''} ${customClass ? customClass : ''}`}
-        data-title={dataTitle}
-        onClick={onClose}
-        dataId={dataId}
-        align='both'
-        isInline
-        alignBox='row'
-        isCover={false}
-      >
-        <Box>
-          <Icon name='GC-cross' isBold size='12' iconClass={style.closeIcon} />
-        </Box>
-      </Container>
-    );
-  }
-}
-
-AlertClose.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  onClose: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
-};
-
-if (__DOCS__) {
-  AlertClose.docs = {
-    componentGroup: 'AlertClose',
-    folderName: 'Alert'
-  };
-}

package/src/version2/AlertClose/AlertClose.module.css

@@ -1,43 +0,0 @@
-.close {
-  width: var(--zd_size25);
-  height: var(--zd_size25);
-  border-radius: var(--zd_size4);
-  cursor: pointer;
-  color: var(--zdt_commonalert_close_icon);
-}
-
-.closeIcon {
-  display: block;
-}
-
-.light {
-  color: var(--zdt_commonalert_close_light_icon);
-}
-
-.close:hover {
-  background-color: var(--zdt_commonalert_close_hover_bg);
-}
-
-.light:hover {
-  background-color: var(--zdt_commonalert_light_hover_bg);
-}
-
-.success:hover {
-  background-color: var(--zdt_commonalert_success_hover_bg);
-}
-
-.info:hover {
-  background-color:var(--zdt_commonalert_info_hover_bg);
-}
-
-.warning:hover {
-  background-color: var(--zdt_commonalert_warning_hover_bg);
-}
-
-.danger:hover {
-  background-color: var(--zdt_commonalert_danger_hover_bg);
-}
-
-.error:hover {
-  background-color: var(--zdt_commonalert_error_hover_bg);
-}

package/src/version2/AlertClose/docs/AlertClose__default.docs.js

@@ -1,46 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import AlertClose from '../AlertClose';
-export default class AlertClose__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let style = { margin: '10px' };
-    return (
-      <div>
-        <h2>Light</h2>
-        <div style={style}>
-          <AlertClose type='light' />
-        </div>
-        <h2>Info</h2>
-        <div style={style}>
-          <AlertClose type='info' />
-        </div>
-        <h2>Success</h2>
-        <div style={style}>
-          <AlertClose type='success' />
-        </div>
-        <h2>Danger</h2>
-        <div style={style}>
-          <AlertClose type='danger' />
-        </div>
-        <h2>Warning</h2>
-        <div style={style}>
-          <AlertClose type='warning' />
-        </div>
-        <h2>Error</h2>
-        <div style={style}>
-          <AlertClose type='error' />
-        </div>
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  AlertClose__default.docs = {
-    componentGroup: 'AlertClose',
-    folderName: 'Alert'
-  };
-}