@zohodesk/dot 1.0.0-temp-184 → 1.0.0-temp-181.9

package/es/list/ListLayout/ListLayout.module.css

@@ -1,80 +1,80 @@
-.varClass {
-  --listBorder: var(--zdt_listLayout_border)
-}
-
-.container {
-  position: relative;
-  composes: varClass;
-}
-
-.listHover:hover, .hoveredStyle, .listHover:focus-within, .hoveredStyle:focus-within {
-  background-color: var(--zdt_listLayout_hover_bg);
-}
-
-.active, .active:hover {
-  background-color: var(--zdt_listLayout_active_bg);
-}
-
-.cursorPointer {
-  cursor: pointer
-}
-
-/* View */
-.classic .innerContainer {
-  min-height: var(--zd_size70) ;
-  padding: var(--zd_size13) 0 ;
-}
-
-.compact .innerContainer {
-  min-height: var(--zd_size41) ;
-  padding: var(--zd_size5) 0 ;
-}
-
-.superCompact .innerContainer {
-  min-height: var(--zd_size35) ;
-  padding: var(--zd_size2) 0 ;
-}
-
-.compact .innerContainer,
-.classic .innerContainer,
-.superCompact .innerContainer {
-  /* css:theme-validation:ignore */
-}
-
-.compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
-  border-bottom: 1px dotted var(--listBorder);
-}
-
-[dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
-  border-left: var(--zd_size2) solid transparent;
-}
-
-[dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
-  border-right: var(--zd_size2) solid transparent;
-}
-
-[dir=ltr] .keyboardActive, [dir=ltr] .active {
-  border-top-left-radius: var(--zd_size5);
-  border-bottom-left-radius: var(--zd_size5);
-}
-
-[dir=rtl] .keyboardActive, [dir=rtl] .active {
-  border-top-right-radius: var(--zd_size5);
-  border-bottom-right-radius: var(--zd_size5);
-}
-
-[dir=ltr] .keyboardActive {
-  border-left-color: var(--zdt_listLayout_keyboard_active_border);
-}
-
-[dir=rtl] .keyboardActive {
-  border-right-color: var(--zdt_listLayout_keyboard_active_border);
-}
-
-[dir=ltr] .active {
-  border-left-color: var(--zdt_listLayout_active_border);
-}
-
-[dir=rtl] .active {
-  border-right-color: var(--zdt_listLayout_active_border);
+.varClass {
+  --listBorder: var(--zdt_listLayout_border)
+}
+
+.container {
+  position: relative;
+  composes: varClass;
+}
+
+.listHover:hover, .hoveredStyle, .listHover:focus-within, .hoveredStyle:focus-within {
+  background-color: var(--zdt_listLayout_hover_bg);
+}
+
+.active, .active:hover {
+  background-color: var(--zdt_listLayout_active_bg);
+}
+
+.cursorPointer {
+  cursor: pointer
+}
+
+/* View */
+.classic .innerContainer {
+  min-height: var(--zd_size70) ;
+  padding: var(--zd_size13) 0 ;
+}
+
+.compact .innerContainer {
+  min-height: var(--zd_size41) ;
+  padding: var(--zd_size5) 0 ;
+}
+
+.superCompact .innerContainer {
+  min-height: var(--zd_size35) ;
+  padding: var(--zd_size2) 0 ;
+}
+
+.compact .innerContainer,
+.classic .innerContainer,
+.superCompact .innerContainer {
+  /* css:theme-validation:ignore */
+}
+
+.compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
+  border-bottom: 1px dotted var(--listBorder);
+}
+
+[dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
+  border-left: var(--zd_size2) solid transparent;
+}
+
+[dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
+  border-right: var(--zd_size2) solid transparent;
+}
+
+[dir=ltr] .keyboardActive, [dir=ltr] .active {
+  border-top-left-radius: var(--zd_size5);
+  border-bottom-left-radius: var(--zd_size5);
+}
+
+[dir=rtl] .keyboardActive, [dir=rtl] .active {
+  border-top-right-radius: var(--zd_size5);
+  border-bottom-right-radius: var(--zd_size5);
+}
+
+[dir=ltr] .keyboardActive {
+  border-left-color: var(--zdt_listLayout_keyboard_active_border);
+}
+
+[dir=rtl] .keyboardActive {
+  border-right-color: var(--zdt_listLayout_keyboard_active_border);
+}
+
+[dir=ltr] .active {
+  border-left-color: var(--zdt_listLayout_active_border);
+}
+
+[dir=rtl] .active {
+  border-right-color: var(--zdt_listLayout_active_border);
 }

package/es/list/SecondaryText/AccountName.js

@@ -1,5 +1,3 @@
-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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
@@ -53,26 +51,28 @@ export default class AccountName extends Component {
     }, /*#__PURE__*/React.createElement(Box, {
       className: style.primaryAccountName,
       shrink: true
-    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    }, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       urlName: urlName,
       urlData: urlData,
       onClick: onClick,
       dataId: `${dataId}_link`,
-      className: style.link
-    }, LinkProps, {
+      className: style.link,
+      ...LinkProps,
       ariaLabel: `Account Name ${text}`
-    }), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
-      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`
-    }, TextProps), text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
+    }, text)) : /*#__PURE__*/React.createElement("div", {
+      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
+      ...TextProps
+    }, text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
       href: secondaryAccountHref,
       onClick: secondaryAccountClick,
       className: style.link
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, SecondaryTextProps), secondaryAccountText))))));
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
+      ...SecondaryTextProps
+    }, secondaryAccountText))))));
   }
 
 }

package/es/list/SecondaryText/ContactName.js

@@ -1,5 +1,3 @@
-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); }
-
 import React, { Component } from 'react';
 import { ContactName_defaultProps } from './props/defaultProps';
 import { ContactName_propTypes } from './props/propTypes';
@@ -54,22 +52,23 @@ export default class ContactName extends Component {
       iconClass: style.icon
     })), /*#__PURE__*/React.createElement(Box, {
       flexible: true
-    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    }, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       href: href,
       urlData: urlData,
       onClick: onClick,
       title: dataTitle,
       dataId: `${dataId}_link`,
-      className: style.link
-    }, LinkProps, {
+      className: style.link,
+      ...LinkProps,
       ariaLabel: `Contact Name ${text}`
-    }), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
-      "data-title": dataTitle
-    }, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
+      "data-title": dataTitle,
+      ...TextProps
+    }, text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
       type: sentimentType,
       dataTitle: sentimentDataTitle
     })));

package/es/list/SecondaryText/Email.js

@@ -1,5 +1,3 @@
-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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
@@ -30,19 +28,21 @@ export default class Email extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
       urlData: urlData,
       urlName: urlName,
       target: target,
-      className: style.link
-    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: style.link,
+      ...LinkProps
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText}  ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": title
-    }, TextProps), text));
+      "data-title": title,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/SecondaryText/PhoneNumber.js

@@ -1,5 +1,3 @@
-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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
@@ -32,7 +30,7 @@ export default class PhoneNumber extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
       urlData: urlData,
@@ -40,13 +38,15 @@ export default class PhoneNumber extends Component {
       dataId: dataId,
       target: target,
       hasReload: hasReload,
-      className: style.link
-    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: style.link,
+      ...LinkProps
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": title
-    }, TextProps), text));
+      "data-title": title,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/SecondaryText/SecondaryText.js

@@ -1,5 +1,3 @@
-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); }
-
 import React, { Component } from 'react';
 import { SecondaryText_defaultProps } from './props/defaultProps';
 import { SecondaryText_propTypes } from './props/propTypes';
@@ -21,13 +19,14 @@ export default class SecondaryText extends Component {
     let {
       SecondaryTextProps
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${className ? className : ''}`,
       "data-title": dataTitle,
       "data-id": dataId,
       "data-test-id": dataId,
-      onClick: onClick
-    }, SecondaryTextProps), text);
+      onClick: onClick,
+      ...SecondaryTextProps
+    }, text);
   }
 
 }

package/es/list/SecondaryText/TicketId.js

@@ -1,5 +1,3 @@
-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); }
-
 import React, { Component } from 'react';
 import { TicketId_defaultProps } from './props/defaultProps';
 import { TicketId_propTypes } from './props/propTypes';
@@ -28,19 +26,21 @@ export default class TicketId extends Component {
       LinkProps = {},
       TicketIdProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle,
-      onClick: !isLink && onClick
-    }, TicketIdProps), isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+      onClick: !isLink && onClick,
+      ...TicketIdProps
+    }, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       urlData: urlData,
       href: url,
       target: target,
-      onClick: onClick
-    }, LinkProps), text) : text);
+      onClick: onClick,
+      ...LinkProps
+    }, text) : text);
   }
 
 }

package/es/list/Subject/Subject.js

@@ -1,5 +1,3 @@
-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); }
-
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -30,7 +28,7 @@ export default class Subject extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       href: href,
       urlData: urlData,
@@ -38,13 +36,15 @@ export default class Subject extends Component {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
       dataId: dataId,
       title: text,
-      target: target
-    }, LinkProps), children ? children : text) : /*#__PURE__*/React.createElement("span", _extends({
+      target: target,
+      ...LinkProps
+    }, children ? children : text) : /*#__PURE__*/React.createElement("span", {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
       "data-title": text,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, TextProps), text));
+      "data-test-id": dataId,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/Subject/Subject.module.css

@@ -1,35 +1,35 @@
-.varClass {
-  --subject_text: var(--zdt_subject_text);
-}
-
-.subject {
-  composes: varClass;
-  /* css:theme-validation:ignore */
-  color: var(--subject_text);
-  display: block;
-}
-
-.dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.font_regular {
-  font-family: var(--zd_regular);
-}
-
-.font_semibold {
-  font-family: var(--zd_semibold);
-}
-
-.font_bold {
-  font-family: var(--zd_bold);
-}
-
-.font_semibold,
-.font_bold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.cursorPointer {
-  cursor: pointer;
+.varClass {
+  --subject_text: var(--zdt_subject_text);
+}
+
+.subject {
+  composes: varClass;
+  /* css:theme-validation:ignore */
+  color: var(--subject_text);
+  display: block;
+}
+
+.dotted {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.font_regular {
+  font-family: var(--zd_regular);
+}
+
+.font_semibold {
+  font-family: var(--zd_semibold);
+}
+
+.font_bold {
+  font-family: var(--zd_bold);
+}
+
+.font_semibold,
+.font_bold {
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.cursorPointer {
+  cursor: pointer;
 }

package/es/list/Thread/Thread.js

@@ -11,12 +11,13 @@ export default class Thread extends Component {
 
   render() {
     let {
-      count,
+      count: threadCount,
       className,
       iconTitle,
       dataId,
       align
     } = this.props;
+    let count = threadCount === '0' ? '1' : threadCount;
     return /*#__PURE__*/React.createElement(Button, {
       customClass: `${style.container} ${style[`align_${align}`]} ${className}`,
       title: iconTitle,

package/es/list/Thread/Thread.module.css

@@ -1,43 +1,43 @@
-.varClass {
-  --icon_color: var(--zdt_thread_iconText);
-}
-.container {
-  composes: varClass;
-  position: relative;
-  color: var(--icon_color);
-  cursor: pointer;
-}
-.container:hover {
-  --icon_color: var(--zdt_thread_hover_iconText);
-}
-.count {
-  font-size: var(--zd_font_size9) ;
-}
-.align_left .count {
-  position: absolute;
-  line-height: normal;
-  top: var(--zd_size3) ;
-}
-[dir=ltr] .align_left .count {
-  text-align: left;
-  left: var(--zd_size8) ;
-}
-[dir=rtl] .align_left .count {
-  text-align: right;
-  right: var(--zd_size8) ;
-}
-.align_right {
-  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
-}
-.align_right .count {
-  position: relative;
-  bottom: var(--zd_size2) ;
-}
-[dir=ltr] .align_right .count {
-  right: var(--zd_size5) ;
-  float: right;
-}
-[dir=rtl] .align_right .count {
-  left: var(--zd_size5) ;
-  float: left;
+.varClass {
+  --icon_color: var(--zdt_thread_iconText);
+}
+.container {
+  composes: varClass;
+  position: relative;
+  color: var(--icon_color);
+  cursor: pointer;
+}
+.container:hover {
+  --icon_color: var(--zdt_thread_hover_iconText);
+}
+.count {
+  font-size: var(--zd_font_size9) ;
+}
+.align_left .count {
+  position: absolute;
+  line-height: normal;
+  top: var(--zd_size3) ;
+}
+[dir=ltr] .align_left .count {
+  text-align: left;
+  left: var(--zd_size8) ;
+}
+[dir=rtl] .align_left .count {
+  text-align: right;
+  right: var(--zd_size8) ;
+}
+.align_right {
+  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
+}
+.align_right .count {
+  position: relative;
+  bottom: var(--zd_size2) ;
+}
+[dir=ltr] .align_right .count {
+  right: var(--zd_size5) ;
+  float: right;
+}
+[dir=rtl] .align_right .count {
+  left: var(--zd_size5) ;
+  float: left;
 }