@zohodesk/dot 1.0.0-temp-162 → 1.0.0-temp-163

package/coverage/index.html

@@ -206,7 +206,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-11-14T13:26:42.928Z
+                at 2023-11-16T05:26:33.603Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/Attachment/Attachment.module.css

@@ -82,12 +82,12 @@
 
 .medium .atatchName {
   font-size: var(--zd_font_size14) ;
-  line-height: 1.4285714285714286;
+  line-height: var(--zd_size20);
 }
 
 .small .atatchName {
   font-size: var(--zd_font_size12) ;
-  line-height: 1.25;
+  line-height: var(--zd_size15);
 }
 
 .attachSize {

package/es/AttachmentViewer/AttachmentViewer.module.css

@@ -79,7 +79,7 @@
     font-size: var(--zd_font_size22) ;
     height: var(--zd_size38) ;
     width: var(--zd_size38) ;
-    line-height: 1.6363636363636365;
+    line-height: var(--zd_size36);
     border-radius: 50%;
     cursor: pointer;
 }

package/es/ImportantNotes/ImportantNotes.module.css

@@ -2,23 +2,19 @@
   background: var(--zdt_importantnotes_bg);
   padding: var(--zd_size5) var(--zd_size10) ;
 }
-
 .title {
   font-size: var(--zd_font_size13) ;
-  line-height: 1.3846153846153846;
+  line-height: var(--zd_font_size18);
   color: var(--zdt_importantnotes_title_text);
 }
-
 .icon {
   color: var(--zdt_importantnotes_icon);
   font-size: 0 ;
   margin-top: var(--zd_size1) ;
 }
-
 [dir=ltr] .icon {
   margin-right: var(--zd_size5) ;
 }
-
 [dir=rtl] .icon {
   margin-left: var(--zd_size5) ;
-}
+}

package/es/ToastMessage/ToastMessage.module.css

@@ -177,14 +177,14 @@
 .alertMessage {
   font-size: var(--zd_font_size12) ;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.3333333333333333;
+  line-height: var(--zd_size16);
   color: var(--zdt_toastmessage_alert_text);
   margin-top: var(--zd_size5) ;
 }
 
 .buttonText {
   font-size: inherit ;
-  line-height: normal;
+  line-height: var(--zd_size14);
   text-align: center;
   padding: 0 var(--zd_size7) ;
   cursor: pointer;

package/es/Upload/Upload.module.css

@@ -88,7 +88,7 @@
   width: var(--zd_size12) ;
   top: 0 ;
   position: absolute;
-  line-height: 0.8333333333333334;
+  line-height: var(--zd_size10);
   font-size: var(--zd_font_size12) ;
   text-align: center;
 }

package/es/alert/AlertLookup/AlertLookup.module.css

@@ -3,7 +3,7 @@
 }
 
 .innerSection {
-  line-height: 1.6666666666666667;
+  line-height: var(--zd_size25);
   color: var(--zdt_alertlookup_innersection_text);
   font-size: var(--zd_font_size15) ;
   word-break: break-word;

package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -57,7 +57,7 @@
   margin-left: var(--zd_size4) ;
 }
 .desc {
-  line-height: 1.3571428571428572;
+  line-height: var(--zd_size19);
 }
 .link {
   color: var(--linkColor);

package/es/errorstate/EmptyStates.module.css

@@ -33,15 +33,15 @@
 }
 .title {
   font-size: var(--zd_font_size50) ;
-  line-height: 1.4;
+  line-height: var(--zd_size70);
 }
 .tabletTitle {
   font-size: var(--zd_font_size24) ;
-  line-height: 2.0833333333333335;
+  line-height: var(--zd_size50);
 }
 .mobileTitle {
   font-size: var(--zd_font_size22) ;
-  line-height: 1.3636363636363635;
+  line-height: var(--zd_size30);
 }
 .subtitle {
   font-size: var(--zd_font_size30) ;

package/es/errorstate/PermissionPlay/PermissionPlay.module.css

@@ -13,7 +13,7 @@
   font-size: var(--zd_font_size30) ;
 }
 .lastBox {
-  line-height: 1.7142857142857142;
+  line-height: var(--zd_size24);
   font-size: var(--zd_font_size14) ;
   margin: 0 auto ;
   margin-bottom: var(--zd_size20) ;

package/es/form/fields/Fields.module.css

@@ -35,7 +35,7 @@
 }
 .checkboxText {
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.2;
+  line-height: normal;
 }
 [dir=ltr] .checkboxText {
   padding-left: var(--zd_size6) ;
@@ -169,7 +169,7 @@
   color: var(--zdt_fields_phitag_text);
   font-size: var(--zd_font_size12) ;
   height: var(--zd_size18) ;
-  line-height: 1.5;
+  line-height: var(--zd_size18);
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
   padding: 0 var(--zd_size5) ;

package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -12,7 +12,7 @@
   font-size: var(--zd_font_size12) ;
   display: inline-block;
   color: var(--zdt_setupdetail_backicon);
-  line-height: 2.5;
+  line-height: var(--zd_size30);
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
@@ -29,7 +29,7 @@
 }
 .title {
   font-size: var(--zd_font_size16) ;
-  line-height: 1;
+  line-height: var(--zd_size16);
   font-family: var(--zd_semibold);
   color: var(--zdt_setupdetail_backicon);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
@@ -57,7 +57,7 @@
   padding: var(--zd_size12) 0 0 var(--zd_size15) ;
 }
 .helpInfo {
-  line-height: 2.3636363636363638;
+  line-height: var(--zd_size26);
   height: var(--zd_size28) ;
   width: var(--zd_size28) ;
   color: var(--zdt_setupdetail_helpinfo_text);
@@ -120,7 +120,7 @@
   height: var(--zd_size26) ;
   width: var(--zd_size26) ;
   font-size: var(--zd_font_size12) ;
-  line-height: 2;
+  line-height: var(--zd_size24);
   text-align: center;
   border: 1px solid var(--zdt_setupdetail_infoicon_border);
   border-radius: 2px;

package/es/list/Comment/Comment.js

@@ -2,7 +2,6 @@ import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import { i18NProviderUtils } from '@zohodesk/i18n';
 import Button from '@zohodesk/components/lib/semantic/Button/Button';
 import style from './Comment.module.css';
 export default class Comment extends Component {
@@ -14,18 +13,16 @@ export default class Comment extends Component {
     let {
       count,
       onClick,
-      className
+      className,
+      title
     } = this.props;
-    let i18N = i18NProviderUtils.getI18NValue;
-    let commentCount = parseInt(count);
-    let commentTitle = !commentCount ? i18N('tabs.request.comment') : commentCount > 1 ? i18N('support.comment.many', count) : i18N('support.comment.one');
     return /*#__PURE__*/React.createElement(Button, {
       customClass: `${style.container} ${className} `,
       onClick: onClick,
       dataId: "commentLstContainer",
-      title: commentTitle,
+      title: title,
       a11y: {
-        ariaLabel: commentTitle
+        ariaLabel: title
       }
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-TK-commentLine",

package/es/list/Comment/props/defaultProps.js

@@ -1,3 +1,4 @@
 export const defaultProps = {
-  className: ''
+  className: '',
+  title: ''
 };

package/es/list/Comment/props/propTypes.js

@@ -2,5 +2,6 @@ import PropTypes from 'prop-types';
 export const propTypes = {
   className: PropTypes.string,
   count: PropTypes.string,
+  title: PropTypes.string,
   onClick: PropTypes.func
 };

package/es/list/index.js

@@ -13,5 +13,4 @@ export { default as StatusDropdown } from './status/StatusDropdown/StatusDropdow
 export { default as StatusListItem } from './status/StatusListItem/StatusListItem';
 export { default as Subject } from './Subject/Subject';
 export { default as TagNew } from './TagNew/TagNew';
-export { default as Thread } from './Thread/Thread';
-export { default as UserTime } from './UserTime/UserTime';
+export { default as Thread } from './Thread/Thread';

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -31,7 +31,7 @@
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
 .value,.multiLineValue {
-  line-height: 1.53846153846;
+  line-height: var(--zd_size20);
 }
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';

package/es/lookup/header/Close/LookupClose.module.css

@@ -1,7 +1,7 @@
 .container {
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
-  line-height: 2.7777777777777777;
+  line-height: var(--zd_size25);
   color: var(--zdt_lookupclose_default_text);
   transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
   font-size: var(--zd_font_size9) ;

package/es/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -26,7 +26,7 @@
 /* Label Style */
 .labelCnt {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.66666666667;
+  line-height: var(--zd_size20);
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
 }

package/es/setup/helptips/Description/HelpTipsDescription.module.css

@@ -1,6 +1,6 @@
 .text {
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_helptips_text);
-  line-height: 1.7142857142857142;
+  line-height: var(--zd_size24);
   margin: var(--zd_size10) 0 ;
 }

package/es/v1/ActionButton/ActionButton.js

@@ -132,8 +132,8 @@ function ActionButton(props) {
 ActionButton.defaultProps = defaultProps;
 ActionButton.propTypes = propTypes;
 const ActionButtonComponent = Popup(ActionButton);
-ActionButtonComponent.defaultProps = ActionButton.defaultProps;
-ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
+ActionButtonComponent.defaultProps = defaultProps;
+ActionButtonComponent.propTypes = propTypes; // ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
 

package/es/v1/alert/AlertHeader/AlertHeader.js

@@ -10,8 +10,8 @@ import { mergeStyle } from '@zohodesk/utils'; //customHooks
 
 import useDragger from '../../../Hooks/Dragger/useDragger'; //Props
 
-import defaultProps from '../../../version2/lookup/AlertHeader/props/defaultProps';
-import propTypes from '../../../version2/lookup/AlertHeader/props/propTypes';
+import defaultProps from './props/defaultProps';
+import propTypes from './props/propTypes';
 export default function AlertHeader(props) {
   const {
     title,
@@ -24,7 +24,8 @@ export default function AlertHeader(props) {
     type,
     htmlId,
     customStyle,
-    dragBoundaryLimit
+    dragBoundaryLimit,
+    renderAlertIcon
   } = props;
   const finalStyle = mergeStyle(style, customStyle);
   const {
@@ -51,7 +52,7 @@ export default function AlertHeader(props) {
     eleRef: dragRef
   }, needIcon && /*#__PURE__*/React.createElement("div", {
     className: finalStyle.iconContainer
-  }, /*#__PURE__*/React.createElement(AlertIcons, {
+  }, renderAlertIcon ? renderAlertIcon() : /*#__PURE__*/React.createElement(AlertIcons, {
     type: type
   })), (title || children) && /*#__PURE__*/React.createElement(Box, {
     flexible: true

package/es/v1/alert/AlertHeader/props/defaultProps.js

@@ -0,0 +1,12 @@
+export default {
+  needIcon: true,
+  type: 'danger',
+  breakChildren: false,
+  dataId: 'alertHeader',
+  dragBoundaryLimit: {
+    top: 0,
+    left: 50,
+    right: 50,
+    bottom: 50
+  }
+};

package/es/v1/alert/AlertHeader/props/propTypes.js

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+export default {
+  breakChildren: PropTypes.bool,
+  children: PropTypes.node,
+  closeTitle: PropTypes.string,
+  dataId: PropTypes.string,
+  needIcon: PropTypes.bool,
+  onClose: PropTypes.func,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
+  htmlId: PropTypes.string,
+  customStyle: PropTypes.object,
+  dragBoundaryLimit: PropTypes.shape({
+    top: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    bottom: PropTypes.number
+  }),
+  renderAlertIcon: PropTypes.func
+};

package/es/v1/alert/AlertLookup/AlertLookup.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from '../../../version2/lookup/AlertLookup/props/defaultProps';
-import { propTypes } from '../../../version2/lookup/AlertLookup/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import { useUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
@@ -65,7 +65,8 @@ export default function AlertLookup(props) {
     isHtmlContent,
     scroll,
     isDefaultFocus,
-    onEsc
+    onEsc,
+    renderAlertIcon
   } = props;
   const {
     LookupProps = {},
@@ -115,7 +116,8 @@ export default function AlertLookup(props) {
     type: type,
     needIcon: needIcon,
     onClose: onClose,
-    breakChildren: wrapHeader
+    breakChildren: wrapHeader,
+    renderAlertIcon: renderAlertIcon
   }, AlertHeaderProps), headerChildren ? headerChildren() : null)), /*#__PURE__*/React.createElement(Box, {
     flexible: true
   }, /*#__PURE__*/React.createElement("div", {

package/es/v1/alert/AlertLookup/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const defaultProps = {
+  isActive: false,
+  size: 'small',
+  wrapHeader: false,
+  dataId: 'alertPopup',
+  isDefaultFocus: true,
+  customProps: {},
+  align: 'top',
+  childAnimationName: 'flyDown',
+  isHtmlContent: false,
+  scroll: '',
+  onEsc: 'cancel'
+};

package/es/v1/alert/AlertLookup/props/propTypes.js

@@ -0,0 +1,36 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  cancelText: PropTypes.string,
+  children: PropTypes.node,
+  confirmationMessage: PropTypes.string,
+  customClass: PropTypes.object,
+  dataId: PropTypes.string,
+  forwardRef: PropTypes.object,
+  headerChildren: PropTypes.func,
+  isActive: PropTypes.bool,
+  isDefaultFocus: PropTypes.bool,
+  message: PropTypes.node,
+  needIcon: PropTypes.bool,
+  onCancelClick: PropTypes.func,
+  onClose: PropTypes.func,
+  onLookupClick: PropTypes.func,
+  onSubmitClick: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'xmedium', 'medium']),
+  submitText: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
+  wrapHeader: PropTypes.bool,
+  a11y: PropTypes.object,
+  customProps: PropTypes.shape({
+    LookupProps: PropTypes.object,
+    AlertHeaderProps: PropTypes.object,
+    PrimaryButtonProps: PropTypes.object,
+    SecondaryButtonProps: PropTypes.object
+  }),
+  align: PropTypes.oneOf(['top', 'vertical']),
+  childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
+  isHtmlContent: PropTypes.bool,
+  scroll: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
+  onEsc: PropTypes.oneOf(['close', 'cancel']),
+  renderAlertIcon: PropTypes.func
+};

package/es/v1/list/Comment/Comment.js

@@ -2,25 +2,22 @@ import React from 'react';
 import { defaultProps } from '../../../list/Comment/props/defaultProps';
 import { propTypes } from '../../../list/Comment/props/propTypes';
 import { Icon } from '@zohodesk/icons';
-import { i18NProviderUtils } from '@zohodesk/i18n';
 import Button from '@zohodesk/components/es/v1/semantic/Button/Button';
 import style from '../../../list/Comment/Comment.module.css';
 export default function Comment(props) {
   let {
     count,
     onClick,
-    className
+    className,
+    title
   } = props;
-  let i18N = i18NProviderUtils.getI18NValue;
-  let commentCount = parseInt(count);
-  let commentTitle = !commentCount ? i18N('tabs.request.comment') : commentCount > 1 ? i18N('support.comment.many', count) : i18N('support.comment.one');
   return /*#__PURE__*/React.createElement(Button, {
     customClass: `${style.container} ${className} `,
     onClick: onClick,
     dataId: "commentLstContainer",
-    title: commentTitle,
+    title: title,
     a11y: {
-      ariaLabel: commentTitle
+      ariaLabel: title
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "ZD-TK-commentLine",

package/es/v1/list/index.js

@@ -13,5 +13,4 @@ export { default as StatusDropdown } from './status/StatusDropdown/StatusDropdow
 export { default as StatusListItem } from './status/StatusListItem/StatusListItem';
 export { default as Subject } from './Subject/Subject';
 export { default as TagNew } from './TagNew/TagNew';
-export { default as Thread } from './Thread/Thread';
-export { default as UserTime } from './UserTime/UserTime';
+export { default as Thread } from './Thread/Thread';

package/es/v1/list/status/StatusDropdown/StatusDropdown.js

@@ -369,6 +369,6 @@ function StatusDropdown(props) {
 StatusDropdown.defaultProps = defaultProps;
 StatusDropdown.propTypes = propTypes;
 const StatusDropdown_Component = Popup(StatusDropdown);
-StatusDropdown_Component.defaultProps = StatusDropdown.defaultProps;
-StatusDropdown_Component.propTypes = StatusDropdown.propTypes;
+StatusDropdown_Component.defaultProps = defaultProps;
+StatusDropdown_Component.propTypes = propTypes;
 export default StatusDropdown_Component;

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

@@ -99,7 +99,7 @@
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.4285714285714286;
+  line-height: var(--zd_size20);
 }
 
 [dir=ltr] .text {

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

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

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

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

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: 1.2857142857142858;
+  line-height: var(--zd_size18);
   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

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

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

@@ -14,7 +14,7 @@
   
   .title {
     font-size: var(--zd_font_size18) ;
-    line-height: 1.2222222222222223;
+    line-height: var(--zd_size22);
     font-family: var(--zd_bold);
     composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
   }
@@ -70,7 +70,7 @@
 }
 
 .primary .infoText {
-    line-height: 1;
+    line-height: var(--zd_size18);
   }
   
   .primary .close {
@@ -99,7 +99,7 @@
   }
 
   .secondary .infoText {
-    line-height: 1.42857142857;
+    line-height: var(--zd_size20);
   }
 
   .secondary .iconContainer {

package/lib/Attachment/Attachment.module.css

@@ -82,12 +82,12 @@
 
 .medium .atatchName {
   font-size: var(--zd_font_size14) ;
-  line-height: 1.4285714285714286;
+  line-height: var(--zd_size20);
 }
 
 .small .atatchName {
   font-size: var(--zd_font_size12) ;
-  line-height: 1.25;
+  line-height: var(--zd_size15);
 }
 
 .attachSize {

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -79,7 +79,7 @@
     font-size: var(--zd_font_size22) ;
     height: var(--zd_size38) ;
     width: var(--zd_size38) ;
-    line-height: 1.6363636363636365;
+    line-height: var(--zd_size36);
     border-radius: 50%;
     cursor: pointer;
 }

package/lib/ImportantNotes/ImportantNotes.module.css

@@ -2,23 +2,19 @@
   background: var(--zdt_importantnotes_bg);
   padding: var(--zd_size5) var(--zd_size10) ;
 }
-
 .title {
   font-size: var(--zd_font_size13) ;
-  line-height: 1.3846153846153846;
+  line-height: var(--zd_font_size18);
   color: var(--zdt_importantnotes_title_text);
 }
-
 .icon {
   color: var(--zdt_importantnotes_icon);
   font-size: 0 ;
   margin-top: var(--zd_size1) ;
 }
-
 [dir=ltr] .icon {
   margin-right: var(--zd_size5) ;
 }
-
 [dir=rtl] .icon {
   margin-left: var(--zd_size5) ;
-}
+}

package/lib/ToastMessage/ToastMessage.module.css

@@ -177,14 +177,14 @@
 .alertMessage {
   font-size: var(--zd_font_size12) ;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: 1.3333333333333333;
+  line-height: var(--zd_size16);
   color: var(--zdt_toastmessage_alert_text);
   margin-top: var(--zd_size5) ;
 }
 
 .buttonText {
   font-size: inherit ;
-  line-height: normal;
+  line-height: var(--zd_size14);
   text-align: center;
   padding: 0 var(--zd_size7) ;
   cursor: pointer;