@zohodesk/dot 1.0.0-temp-170 → 1.0.0-temp-172

package/lib/v1/utils/editorUtils.js

@@ -0,0 +1,223 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bind = bind;
+exports.changeContent = void 0;
+exports.editorContentValidate = editorContentValidate;
+exports.encodeForHtml = encodeForHtml;
+exports.fixEncoding = fixEncoding;
+exports.getExtensionFromFileName = getExtensionFromFileName;
+exports.getRichEditorContent = getRichEditorContent;
+exports.isFileNameSizeInvalid = isFileNameSizeInvalid;
+exports.isImageFormat = isImageFormat;
+exports.loadResource = loadResource;
+exports.triggerKeyup = triggerKeyup;
+exports.validateEditorContentOnInsertHtml = validateEditorContentOnInsertHtml;
+var ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
+
+function editorContentValidate(editorObj) {
+  var 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) {
+  var uTags = editorObj.doc.body.getElementsByTagName('u');
+  var isValidContent = false;
+
+  for (var i = 0; i < uTags.length; i++) {
+    var uTag = uTags[i];
+    var contentLength = uTag.innerText.length;
+
+    if (contentLength) {
+      isValidContent = true;
+      break;
+    }
+  }
+
+  return isValidContent;
+}
+
+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;
+}
+
+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
+
+
+function isFileNameSizeInvalid(fileName) {
+  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+}
+
+function isImageFormat(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+}
+
+function getExtensionFromFileName(fileName) {
+  if (fileName && fileName.indexOf('.') != -1) {
+    return fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
+  }
+
+  return '';
+} // common
+
+
+function triggerKeyup(elem) {
+  var keyup = new KeyboardEvent('keyup');
+  elem && elem.dispatchEvent && elem.dispatchEvent(keyup);
+} // editor
+
+
+function getRichEditorContent(key) {
+  var richTextEditor = global.editor[key];
+
+  if (richTextEditor != undefined) {
+    var 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;
+}
+
+var changeContent = function changeContent(id, value) {
+  var editorObj = global.editor && global.editor[id];
+
+  if (editorObj) {
+    var content = fixEncoding(value);
+
+    if (editorObj.mode === 'plaintext') {
+      editorObj.squireInstance.setHTML(content);
+      editorObj.plainText(editorObj.squireInstance.getHTML());
+    } else {
+      editorObj.setContent(content);
+    }
+  }
+};
+
+exports.changeContent = changeContent;
+
+function validateEditorContentOnInsertHtml(node) {
+  if (node.nodeName === 'IFRAME') {
+    var 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*/
+
+
+function loadResource(url, type, id, callback) {
+  return new Promise(function (resolve) {
+    var 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
+
+
+function bind() {
+  var _this = this;
+
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+
+  handlers.forEach(function (handler) {
+    if (__DEVELOPMENT__) {
+      if (!_this[handler]) {
+        console.log('Handler method not defined: ', handler);
+      }
+    }
+
+    _this[handler] = _this[handler].bind(_this);
+  });
+}

package/lib/version2/AlertClose/AlertClose.module.css

@@ -1,43 +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);
+.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/lib/version2/GlobalNotification/GlobalNotification.module.css

@@ -1,131 +1,131 @@
-.varClass {
-  /* globalnotfication default variables */
-  --commonalert_border_color: var(--zdt_commonalert_default_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_default_text);
-  --globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
-}
-
-.message {
-  composes: varClass;
-  position: absolute;
-  top: 0 ;
-  z-index: 1000;
-  /*Hook for editor alert*/
-  pointer-events: none;
-  text-align: center;
-}
-
-[dir=ltr] .message {
-  right: 0 ;
-  left: 0 ;
-}
-
-[dir=rtl] .message {
-  left: 0 ;
-  right: 0 ;
-}
-
-.container {
-  position: relative;
-  pointer-events: initial;
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
-  color: var(--globalnotification_text_color);
-  max-width: var(--zd_size490) ;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  box-shadow: var(--zd_bs_globalnotification_container);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-  background-color: var(--globalnotification_bg_color);
-  border-style: solid;
-  border-color: var(--commonalert_border_color);
-  border-width: 2px 1px 1px 1px;
-}
-
-[dir=ltr] .container {
-  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
-}
-
-[dir=rtl] .container {
-  padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
-}
-
-.icon {
-  width: var(--zd_size44) ;
-  height: var(--zd_size44) ;
-  position: absolute;
-  top: 0 ;
-  bottom: 0 ;
-  margin: auto 0 ;
-}
-
-[dir=ltr] .icon {
-  left: var(--zd_size18) ;
-}
-
-[dir=rtl] .icon {
-  right: var(--zd_size18) ;
-}
-
-.success {
-  --commonalert_border_color: var(--zdt_commonalert_success_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_success_text);
-}
-
-.info {
-  --commonalert_border_color: var(--zdt_commonalert_info_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_info_text);
-}
-
-.danger {
-  --commonalert_border_color: var(--zdt_commonalert_danger_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
-}
-
-.error {
-  --commonalert_border_color: var(--zdt_commonalert_error_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_error_text);
-}
-
-.warning {
-  --commonalert_border_color: var(--zdt_commonalert_warning_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
-}
-
-.text {
-  font-size: var(--zd_font_size14) ;
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size20);
-}
-
-[dir=ltr] .text {
-  text-align: left;
-}
-
-[dir=rtl] .text {
-  text-align: right;
-}
-
-.close {
-  position: absolute;
-  top: 0 ;
-  bottom: 0 ;
-  height: var(--zd_size25) ;
-}
-
-[dir=ltr] .close {
-  right: var(--zd_size12) ;
-  margin: auto 0 auto var(--zd_size25) ;
-}
-
-[dir=rtl] .close {
-  left: var(--zd_size12) ;
-  margin: auto var(--zd_size25) auto 0 ;
+.varClass {
+  /* globalnotfication default variables */
+  --commonalert_border_color: var(--zdt_commonalert_default_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_default_text);
+  --globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
+}
+
+.message {
+  composes: varClass;
+  position: absolute;
+  top: 0 ;
+  z-index: 1000;
+  /*Hook for editor alert*/
+  pointer-events: none;
+  text-align: center;
+}
+
+[dir=ltr] .message {
+  right: 0 ;
+  left: 0 ;
+}
+
+[dir=rtl] .message {
+  left: 0 ;
+  right: 0 ;
+}
+
+.container {
+  position: relative;
+  pointer-events: initial;
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+  color: var(--globalnotification_text_color);
+  max-width: var(--zd_size490) ;
+  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  box-shadow: var(--zd_bs_globalnotification_container);
+  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  background-color: var(--globalnotification_bg_color);
+  border-style: solid;
+  border-color: var(--commonalert_border_color);
+  border-width: 2px 1px 1px 1px;
+}
+
+[dir=ltr] .container {
+  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
+}
+
+[dir=rtl] .container {
+  padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
+}
+
+.icon {
+  width: var(--zd_size44) ;
+  height: var(--zd_size44) ;
+  position: absolute;
+  top: 0 ;
+  bottom: 0 ;
+  margin: auto 0 ;
+}
+
+[dir=ltr] .icon {
+  left: var(--zd_size18) ;
+}
+
+[dir=rtl] .icon {
+  right: var(--zd_size18) ;
+}
+
+.success {
+  --commonalert_border_color: var(--zdt_commonalert_success_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_success_text);
+}
+
+.info {
+  --commonalert_border_color: var(--zdt_commonalert_info_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_info_text);
+}
+
+.danger {
+  --commonalert_border_color: var(--zdt_commonalert_danger_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
+}
+
+.error {
+  --commonalert_border_color: var(--zdt_commonalert_error_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_error_text);
+}
+
+.warning {
+  --commonalert_border_color: var(--zdt_commonalert_warning_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
+}
+
+.text {
+  font-size: var(--zd_font_size14) ;
+  font-family: var(--zd_semibold);
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  line-height: 1.4286;
+}
+
+[dir=ltr] .text {
+  text-align: left;
+}
+
+[dir=rtl] .text {
+  text-align: right;
+}
+
+.close {
+  position: absolute;
+  top: 0 ;
+  bottom: 0 ;
+  height: var(--zd_size25) ;
+}
+
+[dir=ltr] .close {
+  right: var(--zd_size12) ;
+  margin: auto 0 auto var(--zd_size25) ;
+}
+
+[dir=rtl] .close {
+  left: var(--zd_size12) ;
+  margin: auto var(--zd_size25) auto 0 ;
 }