@zohodesk/dot 1.0.0-beta.18 → 1.0.0-beta.180

package/es/utils/KeyboardApi.js

@@ -1,11 +1,9 @@
-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 = {
+let isShortCutEnabled;
+let showShortcut = {};
+let shortcutdatas = {};
+let additionalKey = {};
+let _SpecialKeyMaps = {
   8: 'backspace',
   9: 'tab',
   13: 'enter',
@@ -27,17 +25,22 @@ var _SpecialKeyMaps = {
   91: 'meta',
   93: 'meta',
   224: 'meta',
-
-  43: 'plus', //   +
-  61: 'plus', //  = , in firefox
-  63: 'ques', // ?
-  187: 'plus', //  =
+  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);
 }
 
@@ -47,20 +50,20 @@ Shortcut.setState = function (isEnabled) {
 
 Shortcut.addAll = function (keysObj, props) {
   showShortcut = props.showShortcut;
-  isShortCutEnabled && keysObj.map(function (keyOptions, index) {
+  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(function (shortcutObj) {
+  showShortcut && shortcutArray.map(shortcutObj => {
     Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
   });
 };
@@ -69,48 +72,55 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
   if (!keycombo || !isShortCutEnabled) {
     return;
   }
-  var tempjson = {};
+
+  let tempjson = {};
+
   if (cpFunc === undefined) {
-    cpFunc = function cpFunc(keycode, keyOptions, e) {
+    cpFunc = function (keycode, keyOptions, e) {
       _defaultCallBack(keycode, keyOptions);
     };
   } else {
-    var oldfunc = cpFunc;
-    cpFunc = function cpFunc(keycode, keyOptions, ev) {
+    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);
+  return Object.assign({}, shortcutdatas);
 };
 
 Shortcut.remove = function (keyCombo) {
   keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
-  keyCombo.map(function (key) {
+  keyCombo.map(key => {
     delete shortcutdatas[key];
   });
 };
 
 Shortcut.init = function (doc) {
-  var documentshortcut = Shortcut(doc);
-  for (var method in documentshortcut) {
+  let documentshortcut = Shortcut(doc);
+
+  for (let method in documentshortcut) {
     if (method.charAt(0) !== '_') {
       Shortcut[method] = function (method) {
         return function () {
-          return documentshortcut[method].apply(documentshortcut, arguments);
+          return documentshortcut[method](...arguments);
         };
       }(method);
     }
@@ -122,29 +132,39 @@ function _addEvent(object, type, callback) {
     object.addEventListener(type, callback, false);
     return;
   }
-  object.attachEvent('on' + type, callback);
+
+  object.attachEvent(`on${type}`, callback);
 }
+
 export function keycallback(e) {
   if (!isShortCutEnabled) {
     return;
   }
-  var keyaction = e.type;
-  var keycode = _convertToKeyCharacter(e);
+
+  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;
-  var keycodedata = shortcutdatas[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({
@@ -153,25 +173,32 @@ export function keycallback(e) {
     });
   }
 }
+
 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) {
@@ -195,27 +222,37 @@ function _eventModifiers(e) {
   } else if (additionalKey.lpress === true) {
     return 'l+';
   }
+
   return '';
 }
+
 function _bindNeedData(e, keyaction) {
-  var keyName = String.fromCharCode(e.keyCode).toLowerCase();
+  let 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';
+    let extraName = `${keyName}press`;
+
     if (keyaction === 'keydown') {
-      additionalKey = !additionalKey[extraName] ? _Object$assign({}, additionalKey, _defineProperty({}, extraName, true)) : additionalKey;
+      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
+        [extraName]: true
+      }) : additionalKey;
       additionalKey[extraName] = true;
     } else if (keyaction === 'keyup') {
-      additionalKey = !additionalKey[extraName] ? _Object$assign({}, additionalKey, _defineProperty({}, extraName, false)) : additionalKey;
+      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
+        [extraName]: false
+      }) : additionalKey;
       additionalKey[extraName] = false;
     }
   }
 }
+
 function _convertToKeyCharacter(e) {
-  var keyCode = e.keyCode || e.charCode;
-  var keyName = String.fromCharCode(keyCode).toLowerCase();
+  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) {
@@ -238,17 +275,20 @@ function _defaultCallBack(keycombo, keyOptions) {
     return;
   }*/
 }
+
 function _shortRestrictionPlaces(e) {
-  var _target = e.target;
-  var tagName = _target.tagName;
+  let _target = e.target;
+  let {
+    tagName
+  } = _target;
+  let keyCode = e.keyCode || e.charCode;
+  let isContentEditable = _target.contentEditable === 'true';
 
-  var keyCode = e.keyCode || e.charCode;
-  var isContentEditable = _target.contentEditable === 'true';
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 ||
-  //!SupportUI.CurrentUser.getKBStatus() ||
+  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
   //restrict_keyUI() ||
   keyCode >= 112 && keyCode <= 123 || isContentEditable) {
     return true;
   }
+
   return false;
 }

package/es/utils/editorUtils.js

@@ -0,0 +1,190 @@
+import "core-js/modules/es.string.replace";
+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/es/version2/AlertClose/AlertClose.js

@@ -0,0 +1,47 @@
+/*** 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 /*#__PURE__*/React.createElement(Container, {
+      className: `${style.close} ${type ? style[type] : ''} ${customClass ? customClass : ''}`,
+      "data-title": dataTitle,
+      onClick: onClose,
+      dataId: dataId,
+      align: "both",
+      isInline: true,
+      alignBox: "row",
+      isCover: false
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Icon, {
+      name: "GC-cross",
+      isBold: true,
+      size: "12",
+      iconClass: style.closeIcon
+    })));
+  }
+
+}
+AlertClose.propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  onClose: PropTypes.func,
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
+};
+
+if (false) {
+  AlertClose.docs = {
+    componentGroup: 'AlertClose',
+    folderName: 'Alert'
+  };
+}

package/es/version2/AlertClose/AlertClose.module.css

@@ -0,0 +1,43 @@
+.close {
+  width: var(--zd_size25);
+  height: var(--zd_size25);
+  color: var(--zdt_commonalert_close_icon);
+  border-radius: var(--zd_size4);
+  cursor: pointer;
+}
+
+.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/es/version2/AlertClose/docs/AlertClose__default.docs.js

@@ -0,0 +1,47 @@
+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 /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "Light"), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(AlertClose, {
+      type: "light"
+    })), /*#__PURE__*/React.createElement("h2", null, "Info"), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(AlertClose, {
+      type: "info"
+    })), /*#__PURE__*/React.createElement("h2", null, "Success"), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(AlertClose, {
+      type: "success"
+    })), /*#__PURE__*/React.createElement("h2", null, "Danger"), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(AlertClose, {
+      type: "danger"
+    })), /*#__PURE__*/React.createElement("h2", null, "Warning"), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(AlertClose, {
+      type: "warning"
+    })), /*#__PURE__*/React.createElement("h2", null, "Error"), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(AlertClose, {
+      type: "error"
+    })));
+  }
+
+}
+
+if (false) {
+  AlertClose__default.docs = {
+    componentGroup: 'AlertClose',
+    folderName: 'Alert'
+  };
+}