@zohodesk/dot 1.4.2 → 1.4.4

package/es/v1/setup/table/Table/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'table',
+  customClass: ''
+};

package/es/v1/setup/table/Table/props/propTypes.js

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  dataId: PropTypes.string,
+  customClass: PropTypes.string
+};

package/es/v1/setup/table/TableBody/TableBody.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../../setup/table/TableBody/props/defaultProps';
-import { propTypes } from '../../../../setup/table/TableBody/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Box } from '@zohodesk/components/es/v1/Layout';
 export default function TableBody(props) {
   let {

package/es/v1/setup/table/TableBody/props/defaultProps.js

@@ -0,0 +1,3 @@
+export const defaultProps = {
+  customClass: ''
+};

package/es/v1/setup/table/TableBody/props/propTypes.js

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  eleRef: PropTypes.func,
+  onScroll: PropTypes.func,
+  customClass: PropTypes.string
+};

package/es/v1/setup/table/TableData/TableData.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../../setup/table/TableData/props/defaultProps';
-import { propTypes } from '../../../../setup/table/TableData/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../../setup/table/TableData/SetupTableData.module.css';
 export default function TableData(props) {

package/es/v1/setup/table/TableData/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  flexible: false,
+  dataId: 'tableData',
+  customClass: ''
+};

package/es/v1/setup/table/TableData/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  align: PropTypes.oneOf(['center', 'left', 'right']),
+  children: PropTypes.element,
+  dataId: PropTypes.string,
+  flexible: PropTypes.string,
+  shrink: PropTypes.string,
+  eleRef: PropTypes.func,
+  type: PropTypes.oneOf(['size70', 'size90', 'size150', 'size220']),
+  customClass: PropTypes.string
+};

package/es/v1/setup/table/TableHead/TableHead.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../../setup/table/TableHead/props/defaultProps';
-import { propTypes } from '../../../../setup/table/TableHead/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../../setup/table/TableHead/SetupTableHead.module.css';
 export default function TableHead(props) {

package/es/v1/setup/table/TableHead/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'tableHead',
+  className: ''
+};

package/es/v1/setup/table/TableHead/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  className: PropTypes.string,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  dataId: PropTypes.string
+};

package/es/v1/setup/table/TableRow/TableRow.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../../setup/table/TableRow/props/defaultProps';
-import { propTypes } from '../../../../setup/table/TableRow/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../../setup/table/TableRow/SetupTableRow.module.css';
 export default function TableRow(props) {

package/es/v1/setup/table/TableRow/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'tableRow',
+  className: ''
+};

package/es/v1/setup/table/TableRow/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  eleRef: PropTypes.func,
+  eleStyle: PropTypes.object,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func
+};

package/es/v1/setup/table/Text/Text.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../../setup/table/Text/props/defaultProps';
-import { propTypes } from '../../../../setup/table/Text/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Link from '../../../../Link/Link';
 import style from '../../../../setup/table/Text/TableText.module.css';
 export default function Text(props) {

package/es/v1/setup/table/Text/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  size: 'small',
+  palette: 'default',
+  target: '_blank',
+  dataId: 'text',
+  className: ''
+};

package/es/v1/setup/table/Text/props/propTypes.js

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'green', 'danger']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['bold', 'semiBold', 'heading']),
+  url: PropTypes.string
+};

package/es/v1/svg/PlusIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PlusIcon_defaultProps } from '../../svg/props/defaultProps';
-import { PlusIcon_propTypes } from '../../svg/props/propTypes';
+import { PlusIcon_defaultProps } from './props/defaultProps';
+import { PlusIcon_propTypes } from './props/propTypes';
 import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
 export default function PlusIcon(props) {
   let {

package/es/v1/svg/SnippetIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SnippetIcon_defaultProps } from '../../svg/props/defaultProps';
-import { SnippetIcon_propTypes } from '../../svg/props/propTypes';
+import { SnippetIcon_defaultProps } from './props/defaultProps';
+import { SnippetIcon_propTypes } from './props/propTypes';
 import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
 export default function SnippetIcon(props) {
   let {

package/es/v1/svg/TemplateIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TemplateIcon_defaultProps } from '../../svg/props/defaultProps';
-import { TemplateIcon_propTypes } from '../../svg/props/propTypes';
+import { TemplateIcon_defaultProps } from './props/defaultProps';
+import { TemplateIcon_propTypes } from './props/propTypes';
 import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
 export default function TemplateIcon(props) {
   let {

package/es/v1/svg/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const PlusIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};
+export const SnippetIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};
+export const TemplateIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};

package/es/v1/svg/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const PlusIcon_propTypes = {
+  className: PropTypes.string,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool
+};
+export const SnippetIcon_propTypes = {
+  className: PropTypes.string,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool
+};
+export const TemplateIcon_propTypes = {
+  className: PropTypes.string,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool
+};

package/es/v1/utils/ChannelIconMapping.js

@@ -0,0 +1,129 @@
+export function getChannelMappingObj() {
+  return {
+    EMAIL: {
+      default: 'ZD-CH-mail',
+      incoming: 'ZD-CH-mailIn',
+      outgoing: 'ZD-CH-mailOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-mailMissed'
+    },
+    FACEBOOK: {
+      default: 'ZD-CH-facebook',
+      incoming: 'ZD-CH-facebookIn',
+      outgoing: 'ZD-CH-facebookOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-facebookMissed'
+    },
+    FACEBOOK_DM: {
+      default: 'ZD-CH-directFacebook',
+      incoming: 'ZD-CH-directFacebookIn',
+      outgoing: 'ZD-CH-directFacebookOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-directFacebookMissed'
+    },
+    TWITTER: {
+      default: 'ZD-CH-twitter',
+      incoming: 'ZD-CH-twitterIn',
+      outgoing: 'ZD-CH-twitterOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-twitterMissed'
+    },
+    FORUMS: {
+      default: 'ZD-CH-forum',
+      incoming: 'ZD-CH-forumIn',
+      outgoing: 'ZD-CH-forumOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-forumMissed'
+    },
+    CHAT: {
+      default: 'ZD-CH-chat',
+      incoming: 'ZD-CH-chatIn',
+      outgoing: 'ZD-CH-chatOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-chatMissed'
+    },
+    OFFLINE_CHAT: {
+      default: 'ZD-CH-chat',
+      incoming: 'ZD-CH-chatIn',
+      outgoing: 'ZD-CH-chatOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-chatMissed'
+    },
+    ONLINE_CHAT: {
+      default: 'ZD-CH-chat',
+      incoming: 'ZD-CH-chatIn',
+      outgoing: 'ZD-CH-chatOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-chatMissed'
+    },
+    PHONE: {
+      default: 'ZD-CH-call',
+      incoming: 'ZD-CH-callIn',
+      outgoing: 'ZD-CH-callOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-callMissed'
+    },
+    WEB: {
+      default: 'ZD-CH-web',
+      incoming: 'ZD-CH-webIn',
+      out: 'ZD-CH-webOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-webMissed'
+    },
+    CUSTOMERPORTAL: {
+      default: 'ZD-CH-web',
+      incoming: 'ZD-CH-webIn',
+      out: 'ZD-CH-webOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-webMissed'
+    },
+    FEEDBACK: {
+      default: 'ZD-CH-happiness',
+      incoming: 'ZD-CH-happinessIn',
+      out: 'ZD-CH-happinessOut',
+      draft: 'ZD-CH-draft',
+      forward: 'ZD-CH-emailForward',
+      forwardDraft: 'ZD-TK-forwardDraft',
+      missed: 'ZD-CH-happinessMissed'
+    },
+    'FEEDBACK WIDGET': {
+      default: 'ZD-CH-feedbackWidget'
+    }
+  };
+}
+export function getActivitiesIconObj(name) {
+  let activitiesIcons = {
+    'ZD-TK-task': '18',
+    'ZD-SE-conversation': '21',
+    'ZD-GN-phone': '21',
+    'ZD-TK-remoteAssist': '18',
+    'ZD-TK-event': '18',
+    'ZD-CH-callIn': '21',
+    'ZD-CH-callMissed': '21',
+    'ZD-CH-callOut': '21',
+    'ZD-CH-callOutBound': '21'
+  };
+  return activitiesIcons[name] ? activitiesIcons[name] : null;
+}

package/es/v1/utils/General.js

@@ -0,0 +1,45 @@
+export function stopBubbling(event) {
+  event.preventDefault();
+  event.stopPropagation && event.stopPropagation();
+  event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
+}
+export function getFullName() {
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let fullName = '';
+
+  if (firstName !== null && firstName !== '') {
+    fullName = firstName;
+  }
+
+  if (lastName !== null && lastName !== '') {
+    fullName = `${fullName}${lastName}`;
+  }
+
+  return fullName;
+}
+export function shallowDiff() {
+  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  for (let i in a) {
+    if (!(i in b)) {
+      return true;
+    }
+  }
+
+  for (let i in b) {
+    if (a[i] !== b[i]) {
+      return true;
+    }
+  }
+
+  return false;
+}
+export function formatPhoneUrl(phone) {
+  if (/^[0-9]{1,10}$/.test(phone)) {
+    return phone.length == 10 ? `(${phone.slice(0, 3)}) ${phone.slice(3, 6)}-${phone.slice(6, 10)}` : phone;
+  }
+
+  return phone;
+}

package/es/v1/utils/editorUtils.js

@@ -0,0 +1,193 @@
+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 = global.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() {
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+
+  handlers.forEach(handler => {
+    if (__DEVELOPMENT__) {
+      if (!this[handler]) {
+        console.log('Handler method not defined: ', handler);
+      }
+    }
+
+    this[handler] = this[handler].bind(this);
+  });
+}

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -102,7 +102,7 @@
   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);
+  line-height: 1.4286;
 }
 
 [dir=ltr] .text {

package/es/version2/errorstate/V2_ErrorStates.module.css

@@ -8,7 +8,7 @@
   font-family: var(--zd_bold);
 }
 .desc {
-  line-height: var(--zd_size22);
+  line-height: 1.5714;
 }
 .large .errorState {
   width: var(--zd_size450) ;

package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css

@@ -56,7 +56,7 @@
 .title {
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size18) ;
-  line-height: var(--zd_size22);
+  line-height: 1.2222;
   font-family: var(--zd_bold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -133,7 +133,8 @@ export default class AlertLookup extends Component {
       onClick: onLookupClick,
       customClass: containerClass,
       a11y: a11y,
-      childAnimationName: childAnimationName
+      childAnimationName: childAnimationName,
+      isFlexWrapper: false
     }, LookupProps), /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       align: align,

package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -5,7 +5,7 @@
 .innerSection {
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size14) ;
-  line-height: var(--zd_size20);
+  line-height: 1.428;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size17) var(--zd_size30) var(--zd_size30) ;
 }

package/es/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -108,7 +108,7 @@
 
 .subTitle {
   font-size: var(--zd_font_size15) ;
-  line-height: var(--zd_size20);
+  line-height: 1.3333;
   font-family: var(--zd_semibold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -119,7 +119,7 @@
 
 .infoText {
   font-size: var(--zd_font_size14) ;
-  line-height: var(--zd_size18);
+  line-height: 1.2857;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
 

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -65,7 +65,7 @@ export default class DesktopNotificationHeader extends Component {
         $ui_className: style.title,
         $ui_tagName: "h1",
         $ui_size: uptoTablet ? '16' : '18',
-        $ui_lineHeight: "20",
+        $ui_lineHeight: "1.2",
         $ui_weight: "bold",
         $flag_reset: true,
         $ui_wordBreak: "breakWord"