@zohodesk/dot 1.0.0-temp-197.6 → 1.0.0-temp-187.1

package/es/list/SecondaryText/DepartmentText.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { DepartmentText_propTypes } from './props/propTypes';
-import style from './SecondaryText.module.css';
+import { DepartmentText_propTypes } from "./props/propTypes";
+import style from "./SecondaryText.module.css";
 export default class DepartmentText extends Component {
   constructor(props) {
     super(props);

package/es/list/SecondaryText/Email.js

@@ -2,14 +2,14 @@
 
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { Email_defaultProps } from './props/defaultProps';
-import { Email_propTypes } from './props/propTypes';
+import { Email_defaultProps } from "./props/defaultProps";
+import { Email_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import Link from '../../Link/Link';
+import Link from "../../Link/Link";
 /**** CSS ****/
 
-import style from './SecondaryText.module.css';
+import style from "./SecondaryText.module.css";
 export default class Email extends Component {
   render() {
     let {

package/es/list/SecondaryText/HappinessRating.js

@@ -1,9 +1,9 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { HappinessRating_propTypes } from './props/propTypes';
+import { HappinessRating_propTypes } from "./props/propTypes";
 /**** CSS ****/
 
-import style from './SecondaryText.module.css';
+import style from "./SecondaryText.module.css";
 export default class HappinessRating extends Component {
   render() {
     let {

package/es/list/SecondaryText/PhoneNumber.js

@@ -2,14 +2,14 @@
 
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { PhoneNumber_defaultProps } from './props/defaultProps';
-import { PhoneNumber_propTypes } from './props/propTypes';
+import { PhoneNumber_defaultProps } from "./props/defaultProps";
+import { PhoneNumber_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import Link from '../../Link/Link';
+import Link from "../../Link/Link";
 /**** CSS ****/
 
-import style from './SecondaryText.module.css';
+import style from "./SecondaryText.module.css";
 export default class PhoneNumber extends Component {
   render() {
     let {

package/es/list/SecondaryText/PriorityText.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { PriorityText_defaultProps } from './props/defaultProps';
-import { PriorityText_propTypes } from './props/propTypes';
-import style from './SecondaryText.module.css';
+import { PriorityText_defaultProps } from "./props/defaultProps";
+import { PriorityText_propTypes } from "./props/propTypes";
+import style from "./SecondaryText.module.css";
 export default class PriorityText extends Component {
   constructor(props) {
     super(props);

package/es/list/SecondaryText/SecondaryText.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { SecondaryText_defaultProps } from './props/defaultProps';
-import { SecondaryText_propTypes } from './props/propTypes';
-import style from './SecondaryText.module.css';
+import { SecondaryText_defaultProps } from "./props/defaultProps";
+import { SecondaryText_propTypes } from "./props/propTypes";
+import style from "./SecondaryText.module.css";
 export default class SecondaryText extends Component {
   constructor(props) {
     super(props);

package/es/list/SecondaryText/StatusText.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { StatusText_defaultProps } from './props/defaultProps';
-import { StatusText_propTypes } from './props/propTypes';
-import style from './SecondaryText.module.css';
+import { StatusText_defaultProps } from "./props/defaultProps";
+import { StatusText_propTypes } from "./props/propTypes";
+import style from "./SecondaryText.module.css";
 export default class StatusText extends Component {
   constructor(props) {
     super(props);

package/es/list/SecondaryText/TicketId.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-import { TicketId_defaultProps } from './props/defaultProps';
-import { TicketId_propTypes } from './props/propTypes';
-import Link from '../../Link/Link';
-import style from './SecondaryText.module.css';
+import { TicketId_defaultProps } from "./props/defaultProps";
+import { TicketId_propTypes } from "./props/propTypes";
+import Link from "../../Link/Link";
+import style from "./SecondaryText.module.css";
 export default class TicketId extends Component {
   constructor(props) {
     super(props);

package/es/list/SecondaryText/Website.js

@@ -2,14 +2,14 @@
 
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { Website_defaultProps } from './props/defaultProps';
-import { Website_propTypes } from './props/propTypes';
+import { Website_defaultProps } from "./props/defaultProps";
+import { Website_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import ExternalLink from '../../ExternalLink/ExternalLink';
+import ExternalLink from "../../ExternalLink/ExternalLink";
 /**** CSS ****/
 
-import style from './SecondaryText.module.css';
+import style from "./SecondaryText.module.css";
 export default class Website extends Component {
   render() {
     let {

package/es/list/SecondaryText/__tests__/AccountName.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AccountName from '../AccountName';
+import AccountName from "../AccountName";
 describe('AccountName', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/ContactName.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ContactName from '../ContactName';
+import ContactName from "../ContactName";
 describe('ContactName', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/DepartmentText.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DepartmentText from '../DepartmentText';
+import DepartmentText from "../DepartmentText";
 describe('DepartmentText', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/Email.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Email from '../Email';
+import Email from "../Email";
 describe('Email', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/HappinessRating.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import HappinessRating from '../HappinessRating';
+import HappinessRating from "../HappinessRating";
 describe('HappinessRating', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/PhoneNumber.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import PhoneNumber from '../PhoneNumber';
+import PhoneNumber from "../PhoneNumber";
 describe('PhoneNumber', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/PriorityText.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import PriorityText from '../PriorityText';
+import PriorityText from "../PriorityText";
 describe('PriorityText', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/SecondaryText.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import SecondaryText from '../SecondaryText';
+import SecondaryText from "../SecondaryText";
 describe('SecondaryText', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/StatusText.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import StatusText from '../StatusText';
+import StatusText from "../StatusText";
 describe('StatusText', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/TicketId.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TicketId from '../TicketId';
+import TicketId from "../TicketId";
 describe('TicketId', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/__tests__/Website.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Website from '../Website';
+import Website from "../Website";
 describe('Website', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SecondaryText/index.js

@@ -1,11 +1,11 @@
-export { default as ContactName } from './ContactName';
-export { default as AccountName } from './AccountName';
-export { default as TicketId } from './TicketId';
-export { default as StatusText } from './StatusText';
-export { default as DepartmentText } from './DepartmentText';
-export { default as PriorityText } from './PriorityText';
-export { default as Email } from './Email';
-export { default as PhoneNumber } from './PhoneNumber';
-export { default as Website } from './Website';
-export { default as SecondaryText } from './SecondaryText';
-export { default as HappinessRating } from './HappinessRating';
+export { default as ContactName } from "./ContactName";
+export { default as AccountName } from "./AccountName";
+export { default as TicketId } from "./TicketId";
+export { default as StatusText } from "./StatusText";
+export { default as DepartmentText } from "./DepartmentText";
+export { default as PriorityText } from "./PriorityText";
+export { default as Email } from "./Email";
+export { default as PhoneNumber } from "./PhoneNumber";
+export { default as Website } from "./Website";
+export { default as SecondaryText } from "./SecondaryText";
+export { default as HappinessRating } from "./HappinessRating";

package/es/list/SecondryPanel/SecondryPanel.js

@@ -1,15 +1,15 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanelLI_defaultProps, SecondryPanelItem_defaultProps } from './props/defaultProps';
-import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from './props/propTypes';
+import { SecondryPanel_defaultProps, SecondryPanelUL_defaultProps, SecondryPanelLI_defaultProps, SecondryPanelItem_defaultProps } from "./props/defaultProps";
+import { SecondryPanel_propTypes, SecondryPanelUL_propTypes, SecondryPanelLI_propTypes, SecondryPanelItem_propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import { Box } from '@zohodesk/components/lib/Layout';
-import Dot from '../Dot/Dot';
+import Dot from "../Dot/Dot";
 import Container from '@zohodesk/components/lib/Layout/Container';
 /**** CSS ****/
 
-import style from './SecondryPanel.module.css';
+import style from "./SecondryPanel.module.css";
 export default class SecondryPanel extends Component {
   render() {
     let {

package/es/list/SecondryPanel/__tests__/SecondryPanel.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import SecondryPanel from '../SecondryPanel';
+import SecondryPanel from "../SecondryPanel";
 describe('SecondryPanel', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/SentimentStatus/SentimentStatus.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from './SentimentStatus.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "./SentimentStatus.module.css";
 import { Icon } from '@zohodesk/icons';
 export default class SentimentStatus extends React.Component {
   constructor(props) {

package/es/list/SentimentStatus/__tests__/SentimentStatus.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import SentimentStatus from '../SentimentStatus';
+import SentimentStatus from "../SentimentStatus";
 describe('SentimentStatus', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/Subject/Subject.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../../Link/Link';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../../Link/Link";
 import { whiteSpaceClassMapping } from '@zohodesk/components/es/utils/cssUtils';
-import style from './Subject.module.css';
+import style from "./Subject.module.css";
 export default class Subject extends Component {
   constructor(props) {
     super(props);

package/es/list/Subject/__tests__/Subject.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Subject from '../Subject';
+import Subject from "../Subject";
 describe('Subject', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/TagNew/TagNew.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from './TagNew.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "./TagNew.module.css";
 export default class TagNew extends Component {
   constructor(props) {
     super(props);

package/es/list/TagNew/__tests__/TagNew.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TagNew from '../TagNew';
+import TagNew from "../TagNew";
 describe('TagNew', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/Thread/Thread.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/lib/semantic/Button/Button';
-import style from './Thread.module.css';
+import style from "./Thread.module.css";
 export default class Thread extends Component {
   constructor(props) {
     super(props);

package/es/list/Thread/__tests__/Thread.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Thread from '../Thread';
+import Thread from "../Thread";
 describe('Thread', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/index.js

@@ -1,16 +1,16 @@
-export { default as AvatarFlip } from './AvatarFlip/AvatarFlip';
-export { default as BluePrintStatus } from './BluePrintStatus/BluePrintStatus';
-export { default as Comment } from './Comment/Comment';
-export { default as DepartmentDropDown } from './DepartmentDropDown/DepartmentDropDown';
-export { default as Dot } from './Dot/Dot';
-export { default as DotNew } from './DotNew/DotNew';
-export { default as GridStencils } from './GridStencils/GridStencils';
-export { default as ListLayout, Column } from './ListLayout/ListLayout';
-export { default as ListStencils } from './ListStencils/ListStencils';
-export { default as SecondryPanel, SecondryPanelUL, SecondryPanelLI, SecondryPanelItem } from './SecondryPanel/SecondryPanel';
-export { default as SentimentStatus } from './SentimentStatus/SentimentStatus';
-export { default as StatusDropdown } from './status/StatusDropdown/StatusDropdown';
-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 AvatarFlip } from "./AvatarFlip/AvatarFlip";
+export { default as BluePrintStatus } from "./BluePrintStatus/BluePrintStatus";
+export { default as Comment } from "./Comment/Comment";
+export { default as DepartmentDropDown } from "./DepartmentDropDown/DepartmentDropDown";
+export { default as Dot } from "./Dot/Dot";
+export { default as DotNew } from "./DotNew/DotNew";
+export { default as GridStencils } from "./GridStencils/GridStencils";
+export { default as ListLayout, Column } from "./ListLayout/ListLayout";
+export { default as ListStencils } from "./ListStencils/ListStencils";
+export { default as SecondryPanel, SecondryPanelUL, SecondryPanelLI, SecondryPanelItem } from "./SecondryPanel/SecondryPanel";
+export { default as SentimentStatus } from "./SentimentStatus/SentimentStatus";
+export { default as StatusDropdown } from "./status/StatusDropdown/StatusDropdown";
+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";

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/lib/Layout';
@@ -8,14 +8,14 @@ import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import StatusListItem from '../StatusListItem/StatusListItem';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
+import StatusListItem from "../StatusListItem/StatusListItem";
 import commonStyle from '@zohodesk/components/lib/common/common.module.css';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
-import style from './StatusDropdown.module.css';
+import style from "./StatusDropdown.module.css";
 export class StatusDropdown extends React.Component {
   constructor(props) {
     super(props);

package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import StatusDropdown from '../StatusDropdown';
+import StatusDropdown from "../StatusDropdown";
 describe('StatusDropdown', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/status/StatusListItem/StatusListItem.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /**** Components ****/
 
@@ -9,7 +9,7 @@ import { Icon } from '@zohodesk/icons';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
 /**** CSS ****/
 
-import style from './StatusListItem.module.css';
+import style from "./StatusListItem.module.css";
 export default class StatusListItem extends React.Component {
   constructor(props) {
     super(props);

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

@@ -6,43 +6,58 @@
   min-height: var(--zd_size35) ;
   cursor: pointer;
 }
+
 [dir=ltr] .withBorder {
   border-left: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=rtl] .withBorder {
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=ltr] .small {
   padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
 }
+
 [dir=rtl] .small {
   padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
 }
+
 .medium {
   padding: var(--zd_size7) var(--zd_size20) ;
 }
+
 .large {
   height: var(--zd_size48) ;
 }
+
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
 }
+
 [dir=rtl] .large {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
-.value,.multiLineValue {
+
+.value,
+.multiLineValue {
   line-height: 1.5385;
 }
+
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-.multiLineValue{
+
+.multiLineValue {
   word-break: break-word;
+  -webkit-line-clamp: 2;
   composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
+
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
@@ -50,44 +65,56 @@
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
+
 .primary.hover, .primary.effect:hover, .selected {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .secondary.hover, .secondary.effect:hover {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .list.active.default, .list.active.primary {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .list.active.secondary {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .secondary.hover,
 .secondary.effect:hover,
 .list.active.secondary {
   color: var(--zdt_statuslistitem_secondary_effect_text);
 }
+
 .tickIcon {
   color: var(--zdt_statuslistitem_tickicon);
   position: absolute;
-  top:50% ;
+  top: 50% ;
   transform: translateY(-50%);
 }
+
 [dir=ltr] .tickIcon {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .tickIcon {
   left: var(--zd_size20) ;
 }
-.tickIcon > i {
+
+.tickIcon>i {
   display: block;
 }
+
 [dir=ltr] .active.withTick {
   padding-right: var(--zd_size39) ;
 }
+
 [dir=rtl] .active.withTick {
   padding-left: var(--zd_size39) ;
 }
+
 /* Status Type */
 .statusType {
   width: var(--zd_size8) ;
@@ -100,12 +127,15 @@
 [dir=rtl] .statusType {
   margin-left: var(--zd_size13) ;
 }
+
 .black {
   background-color: var(--zdt_statuslistitem_black_bg);
 }
+
 .orange {
   background-color: var(--zdt_statuslistitem_orange_bg);
 }
+
 .green {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/es/list/status/StatusListItem/__tests__/StatusListItem.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import StatusListItem from '../StatusListItem';
+import StatusListItem from "../StatusListItem";
 describe('StatusListItem', () => {
   test('rendering the defult props', () => {
     const {

package/es/list/status/index.js

@@ -1,2 +1,2 @@
-export { default as StatusDropdown } from './StatusDropdown/StatusDropdown';
-export { default as StatusListItem } from './StatusListItem/StatusListItem';
+export { default as StatusDropdown } from "./StatusDropdown/StatusDropdown";
+export { default as StatusListItem } from "./StatusListItem/StatusListItem";