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

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

@@ -9,7 +9,7 @@ exports.GlobalNotificationNew = GlobalNotificationNew;
 exports.GlobalNotificationUI = GlobalNotificationUI;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _defaultProps = require("./props/defaultProps");
 
@@ -25,10 +25,28 @@ var _GlobalNotificationModule = _interopRequireDefault(require("./GlobalNotifica
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
+var _Common = require("@zohodesk/components/es/utils/Common");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
@@ -63,50 +81,47 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       hideMessage: false
     };
+    _this.setTimeoutId = null;
     return _this;
   }
 
   _createClass(GlobalNotification, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+    key: "componentDidMount",
+    value: function componentDidMount() {
       var _this$props = this.props,
-          showMessage = _this$props.showMessage,
           hideMessage = _this$props.hideMessage,
-          type = _this$props.type;
-
-      if (showMessage !== nextProps.showMessage || type !== nextProps.type) {
-        if (!['danger', 'error', 'warning'].includes(nextProps.type)) {
-          setTimeout(function () {
-            hideMessage();
-          }, 3000);
-        }
+          hideTime = _this$props.hideTime,
+          id = _this$props.id,
+          needAutoClose = _this$props.needAutoClose;
+
+      if (needAutoClose) {
+        this.setTimoutId = setTimeout(function () {
+          hideMessage(id);
+        }, hideTime);
       }
     }
   }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props2 = this.props,
-          type = _this$props2.type,
-          hideMessage = _this$props2.hideMessage;
-
-      if (!['danger', 'error', 'warning'].includes(type)) {
-        setTimeout(function () {
-          hideMessage();
-        }, 3000);
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.setTimeoutId) {
+        clearTimeout(this.setTimeoutId);
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          type = _this$props3.type,
-          message = _this$props3.message,
-          hideMessage = _this$props3.hideMessage,
-          onClick = _this$props3.onClick,
-          _this$props3$i18nKeys = _this$props3.i18nKeys,
-          i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys,
-          customProps = _this$props3.customProps,
-          dataSelectorId = _this$props3.dataSelectorId;
+      var _this$props2 = this.props,
+          type = _this$props2.type,
+          message = _this$props2.message,
+          hideMessage = _this$props2.hideMessage,
+          onClick = _this$props2.onClick,
+          _this$props2$i18nKeys = _this$props2.i18nKeys,
+          i18nKeys = _this$props2$i18nKeys === void 0 ? {} : _this$props2$i18nKeys,
+          customProps = _this$props2.customProps,
+          dataSelectorId = _this$props2.dataSelectorId,
+          id = _this$props2.id,
+          needNotificationExpandUI = _this$props2.needNotificationExpandUI,
+          notificationCount = _this$props2.notificationCount;
       var _i18nKeys$closeTitle = i18nKeys.closeTitle,
           closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
       return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, {
@@ -116,7 +131,10 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         closeTitle: closeTitle,
         customProps: customProps,
-        dataSelectorId: dataSelectorId
+        dataSelectorId: dataSelectorId,
+        id: id,
+        needNotificationExpandUI: needNotificationExpandUI,
+        notificationCount: notificationCount
       });
     }
   }]);
@@ -134,10 +152,18 @@ GlobalNotification.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
 // }
 
 function GlobalNotificationUI(props) {
+  var _useState = (0, _react.useState)(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      shadowClose = _useState2[0],
+      setshadowClose = _useState2[1];
+
   function onClose(e) {
+    setshadowClose(false);
     var hideMessage = props.hideMessage,
-        onClose = props.onClose;
-    hideMessage && hideMessage(e);
+        onClose = props.onClose,
+        id = props.id;
+    (0, _Common.cancelBubblingEffect)(e);
+    hideMessage && hideMessage(id);
     onClose && onClose(e);
   }
 
@@ -149,11 +175,13 @@ function GlobalNotificationUI(props) {
       closeTitle = _props$closeTitle === void 0 ? '' : _props$closeTitle,
       _props$customProps = props.customProps,
       customProps = _props$customProps === void 0 ? {} : _props$customProps,
-      dataSelectorId = props.dataSelectorId;
+      dataSelectorId = props.dataSelectorId,
+      needNotificationExpandUI = props.needNotificationExpandUI,
+      notificationCount = props.notificationCount;
   var _customProps$ExtraPro = customProps.ExtraProps,
       ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
-    className: "".concat(_GlobalNotificationModule["default"].message, " ").concat(type ? _GlobalNotificationModule["default"][type] : ''),
+    className: "".concat(_GlobalNotificationModule["default"].message, " ").concat(!needNotificationExpandUI && notificationCount > 1 && shadowClose ? _GlobalNotificationModule["default"].stackShadowOne : '', " ").concat(!needNotificationExpandUI && notificationCount > 2 && shadowClose ? _GlobalNotificationModule["default"].stackShadowTwo : '', " ").concat(type ? _GlobalNotificationModule["default"][type] : ''),
     "data-id": "show_".concat(type, "_message"),
     "data-test-id": "show_".concat(type, "_message"),
     tabIndex: 0,