@zohodesk/dot 1.0.0-temp-38 → 1.0.0-temp-39

package/src/list/ListStencils/ListStencils.module.css

@@ -1,62 +1,62 @@
-.container {
-  position: relative;
-  width: 100%;
-  padding: 0 var(--zd_size30);
-}
-.innerContainer {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  border-bottom: 1px dotted var(--zdt_liststencils_innercontainer_border);
-}
-.detailsInnerColumn {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-}
-.avatar {
-  margin-right: var(--zd_size25);
-}
-.detailsColumn {
-  min-height: 0;
-  min-width: 0;
-}
-.primaryRow {
-  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
-}
-.classic .detailsColumn {
-  flex-basis: 60%;
-}
-.compact .detailsColumn,
-.superCompact .detailsColumn {
-  flex-basis: 50%;
-}
-.classic .secondaryRow {
-  margin-top: var(--zd_size10);
-}
-.compact .secondaryRow,
-.superCompact .secondaryRow {
-  margin-left: var(--zd_size30);
-}
-.classic .innerContainer {
-  padding: var(--zd_size13) 0;
-  height: var(--zd_size70);
-}
-.compact .innerContainer {
-  padding: var(--zd_size5) 0;
-  height: var(--zd_size41);
-}
-.superCompact .innerContainer {
-  padding: var(--zd_size2) 0;
-  height: var(--zd_size35);
-}
-.classic .detailsInnerColumn {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-.compact .detailsInnerColumn {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
+.container {
+  position: relative;
+  width: 100%;
+  padding: 0 var(--zd_size30);
+}
+.innerContainer {
+  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  border-bottom: 1px dotted var(--zdt_liststencils_innercontainer_border);
+}
+.detailsInnerColumn {
+  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+}
+.avatar {
+  margin-right: var(--zd_size25);
+}
+.detailsColumn {
+  min-height: 0;
+  min-width: 0;
+}
+.primaryRow {
+  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
+}
+.classic .detailsColumn {
+  flex-basis: 60%;
+}
+.compact .detailsColumn,
+.superCompact .detailsColumn {
+  flex-basis: 50%;
+}
+.classic .secondaryRow {
+  margin-top: var(--zd_size10);
+}
+.compact .secondaryRow,
+.superCompact .secondaryRow {
+  margin-left: var(--zd_size30);
+}
+.classic .innerContainer {
+  padding: var(--zd_size13) 0;
+  height: var(--zd_size70);
+}
+.compact .innerContainer {
+  padding: var(--zd_size5) 0;
+  height: var(--zd_size41);
+}
+.superCompact .innerContainer {
+  padding: var(--zd_size2) 0;
+  height: var(--zd_size35);
+}
+.classic .detailsInnerColumn {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.compact .detailsInnerColumn {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}

package/src/list/ListStencils/docs/ListStencils__default.docs.js

@@ -1,18 +1,18 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ListStencils from '../ListStencils';
-export default class ListStencils__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return <ListStencils />;
-  }
-}
-if (__DOCS__) {
-  ListStencils__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ListStencils'
-  };
-}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ListStencils from '../ListStencils';
+export default class ListStencils__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return <ListStencils />;
+  }
+}
+if (__DOCS__) {
+  ListStencils__default.docs = {
+    folderName: 'List',
+    componentGroup: 'ListStencils'
+  };
+}

package/src/list/SecondaryText/AccountName.js

@@ -1,120 +1,120 @@
-/* eslint-disable react/forbid-component-props */
-/**** Libraries ****/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/**** Components ****/
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Link from '../../Link/Link';
-
-/**** CSS ****/
-import style from './SecondaryText.module.css';
-
-export default class AccountName extends Component {
-  render() {
-    let {
-      dataTitle,
-      dataId,
-      urlName,
-      urlData,
-      onClick,
-      isLink,
-      className,
-      text,
-      href,
-      notAccessible = false,
-      fontWeight,
-      secondaryAccountHref,
-      secondaryAccountClick,
-      secondaryAccountText
-    } = this.props;
-    return (
-      <Container
-        alignBox='row'
-        align='baseline'
-        isCover={false}
-        data-title={dataTitle}
-        dataId={dataId}
-      >
-        <Box flexible>
-          <Container 
-            alignBox='row'
-            align='baseline'
-            isCover={false}
-            className={style.primaryAccountNameCnt}
-          >
-            <Box className={style.primaryAccountName} shrink>
-              {isLink ? (
-                <Link
-                  href={href}
-                  urlName={urlName}
-                  urlData={urlData}
-                  onClick={onClick}
-                  dataId={`${dataId}_link`}
-                  className={style.link}
-                  
-                >
-                 <div className={`${style.textStyle} ${
-                    style[`font_${fontWeight}`]
-                  } ${className ? className : ''}`}>{text}</div> 
-                </Link>
-              ) : (
-              <div
-                className={`${style.secondaryText} ${
-                  style[`font_${fontWeight}`]
-                } ${
-                  className ? className : ''
-                } ${notAccessible ? style.disable : ''}`}
-              >
-                {text}
-              </div>
-            )}
-            </Box>
-              {
-                secondaryAccountText && (
-                  <Box>
-                    <Link
-                      href={secondaryAccountHref}
-                      onClick={secondaryAccountClick}
-                      className={style.link}
-                    >
-                      <div className={`${style.textStyle} ${
-                        style[`font_${fontWeight}`]
-                      } ${className ? className : ''}`}>{secondaryAccountText}</div>
-                    </Link>
-                  </Box>
-                )
-              }
-          </Container>
-        </Box>
-      </Container>
-    );
-  }
-}
-AccountName.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
-  href: PropTypes.string,
-  isLink: PropTypes.bool,
-  notAccessible: PropTypes.bool,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  urlData: PropTypes.object,
-  urlName: PropTypes.string,
-  secondaryAccountHref: PropTypes.string,
-  secondaryAccountClick: PropTypes.func,
-  secondaryAccountText: PropTypes.string,
-};
-AccountName.defaultProps = {
-  isLink: true,
-  dataId: 'accountName',
-  fontWeight: 'regular',
-};
-if (__DOCS__) {
-  AccountName.docs = {
-    folderName: 'List',
-    componentGroup: 'AccountName'
-  };
-}
+/* eslint-disable react/forbid-component-props */
+/**** Libraries ****/
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+/**** Components ****/
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import Link from '../../Link/Link';
+
+/**** CSS ****/
+import style from './SecondaryText.module.css';
+
+export default class AccountName extends Component {
+  render() {
+    let {
+      dataTitle,
+      dataId,
+      urlName,
+      urlData,
+      onClick,
+      isLink,
+      className,
+      text,
+      href,
+      notAccessible = false,
+      fontWeight,
+      secondaryAccountHref,
+      secondaryAccountClick,
+      secondaryAccountText
+    } = this.props;
+    return (
+      <Container
+        alignBox='row'
+        align='baseline'
+        isCover={false}
+        data-title={dataTitle}
+        dataId={dataId}
+      >
+        <Box flexible>
+          <Container 
+            alignBox='row'
+            align='baseline'
+            isCover={false}
+            className={style.primaryAccountNameCnt}
+          >
+            <Box className={style.primaryAccountName} shrink>
+              {isLink ? (
+                <Link
+                  href={href}
+                  urlName={urlName}
+                  urlData={urlData}
+                  onClick={onClick}
+                  dataId={`${dataId}_link`}
+                  className={style.link}
+                  
+                >
+                 <div className={`${style.textStyle} ${
+                    style[`font_${fontWeight}`]
+                  } ${className ? className : ''}`}>{text}</div> 
+                </Link>
+              ) : (
+              <div
+                className={`${style.secondaryText} ${
+                  style[`font_${fontWeight}`]
+                } ${
+                  className ? className : ''
+                } ${notAccessible ? style.disable : ''}`}
+              >
+                {text}
+              </div>
+            )}
+            </Box>
+              {
+                secondaryAccountText && (
+                  <Box>
+                    <Link
+                      href={secondaryAccountHref}
+                      onClick={secondaryAccountClick}
+                      className={style.link}
+                    >
+                      <div className={`${style.textStyle} ${
+                        style[`font_${fontWeight}`]
+                      } ${className ? className : ''}`}>{secondaryAccountText}</div>
+                    </Link>
+                  </Box>
+                )
+              }
+          </Container>
+        </Box>
+      </Container>
+    );
+  }
+}
+AccountName.propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  notAccessible: PropTypes.bool,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  secondaryAccountHref: PropTypes.string,
+  secondaryAccountClick: PropTypes.func,
+  secondaryAccountText: PropTypes.string,
+};
+AccountName.defaultProps = {
+  isLink: true,
+  dataId: 'accountName',
+  fontWeight: 'regular',
+};
+if (__DOCS__) {
+  AccountName.docs = {
+    folderName: 'List',
+    componentGroup: 'AccountName'
+  };
+}

package/src/list/SecondaryText/ContactName.js

@@ -1,128 +1,128 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Link from '../../Link/Link';
-import SentimentStatus from '../SentimentStatus/SentimentStatus';
-import Icon from '@zohodesk/icons/lib/Icon';
-
-import style from './SecondaryText.module.css';
-export default class ContactName extends Component {
-  render() {
-    let {
-      dataTitle,
-      dataId,
-      isPaidUser,
-      urlName,
-      urlData,
-      onClick,
-      sentimentType,
-      isLink,
-      className,
-      text,
-      href,
-      notAccessible = false,
-      fontWeight,
-      i18nKeys
-    } = this.props;
-    let {
-      sentimentTitles = {
-        positive: 'Positive',
-        negative: 'Negative',
-        neutral: 'Neutral'
-      },
-      paidTitle = 'Paid User'
-    } = i18nKeys;
-    let sentimentDataTitle = sentimentTitles[sentimentType];
-    return (
-      <Container
-        alignBox='row'
-        align='baseline'
-        isCover={false}
-        dataId={dataId}
-      >
-        {isPaidUser && (
-          <Box className={style.paidUserIcon} title={paidTitle}>
-            <Icon name='ZD-paiduser' iconClass={style.icon} />
-          </Box>
-        )}
-        <Box flexible>
-          {isLink ? (
-            <Link
-              urlName={urlName}
-              href={href}
-              urlData={urlData}
-              onClick={onClick}
-              title={dataTitle}
-              dataId={`${dataId}_link`}
-              className={style.link}
-            >
-              <div
-                className={`${style.textStyle} ${style[`font_${fontWeight}`]} ${
-                  className ? className : ''
-                }`}
-              >
-                {text}
-              </div>
-            </Link>
-          ) : (
-            <div
-              className={`${style.secondaryText} ${
-                style[`font_${fontWeight}`]
-              } ${className ? className : ''} ${
-                notAccessible ? style.disable : ''
-              }`}
-              data-title={dataTitle}
-            >
-              {text}
-            </div>
-          )}
-        </Box>
-        {sentimentType && (
-          <Box>
-            <SentimentStatus
-              type={sentimentType}
-              dataTitle={sentimentDataTitle}
-            />
-          </Box>
-        )}
-      </Container>
-    );
-  }
-}
-ContactName.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
-  href: PropTypes.string,
-  isLink: PropTypes.bool,
-  isPaidUser: PropTypes.bool,
-  notAccessible: PropTypes.bool,
-  onClick: PropTypes.func,
-  sentimentTitle: PropTypes.string,
-  sentimentType: PropTypes.oneOf(['positive', 'negative', 'neutral']),
-  text: PropTypes.string,
-  urlData: PropTypes.object,
-  urlName: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    sentimentTitles: PropTypes.shape({
-      positive: PropTypes.string,
-      negative: PropTypes.string,
-      neutral: PropTypes.string
-    }),
-    paidTitle: PropTypes.string
-  })
-};
-ContactName.defaultProps = {
-  isPaidUser: false,
-  isLink: true,
-  dataId: 'contactName',
-  fontWeight: 'regular',
-  i18nKeys: {}
-};
-if (__DOCS__) {
-  ContactName.docs = {
-    folderName: 'List',
-    componentGroup: 'ContactName'
-  };
-}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import Link from '../../Link/Link';
+import SentimentStatus from '../SentimentStatus/SentimentStatus';
+import Icon from '@zohodesk/icons/lib/Icon';
+
+import style from './SecondaryText.module.css';
+export default class ContactName extends Component {
+  render() {
+    let {
+      dataTitle,
+      dataId,
+      isPaidUser,
+      urlName,
+      urlData,
+      onClick,
+      sentimentType,
+      isLink,
+      className,
+      text,
+      href,
+      notAccessible = false,
+      fontWeight,
+      i18nKeys
+    } = this.props;
+    let {
+      sentimentTitles = {
+        positive: 'Positive',
+        negative: 'Negative',
+        neutral: 'Neutral'
+      },
+      paidTitle = 'Paid User'
+    } = i18nKeys;
+    let sentimentDataTitle = sentimentTitles[sentimentType];
+    return (
+      <Container
+        alignBox='row'
+        align='baseline'
+        isCover={false}
+        dataId={dataId}
+      >
+        {isPaidUser && (
+          <Box className={style.paidUserIcon} title={paidTitle}>
+            <Icon name='ZD-paiduser' iconClass={style.icon} />
+          </Box>
+        )}
+        <Box flexible>
+          {isLink ? (
+            <Link
+              urlName={urlName}
+              href={href}
+              urlData={urlData}
+              onClick={onClick}
+              title={dataTitle}
+              dataId={`${dataId}_link`}
+              className={style.link}
+            >
+              <div
+                className={`${style.textStyle} ${style[`font_${fontWeight}`]} ${
+                  className ? className : ''
+                }`}
+              >
+                {text}
+              </div>
+            </Link>
+          ) : (
+            <div
+              className={`${style.secondaryText} ${
+                style[`font_${fontWeight}`]
+              } ${className ? className : ''} ${
+                notAccessible ? style.disable : ''
+              }`}
+              data-title={dataTitle}
+            >
+              {text}
+            </div>
+          )}
+        </Box>
+        {sentimentType && (
+          <Box>
+            <SentimentStatus
+              type={sentimentType}
+              dataTitle={sentimentDataTitle}
+            />
+          </Box>
+        )}
+      </Container>
+    );
+  }
+}
+ContactName.propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  isPaidUser: PropTypes.bool,
+  notAccessible: PropTypes.bool,
+  onClick: PropTypes.func,
+  sentimentTitle: PropTypes.string,
+  sentimentType: PropTypes.oneOf(['positive', 'negative', 'neutral']),
+  text: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    sentimentTitles: PropTypes.shape({
+      positive: PropTypes.string,
+      negative: PropTypes.string,
+      neutral: PropTypes.string
+    }),
+    paidTitle: PropTypes.string
+  })
+};
+ContactName.defaultProps = {
+  isPaidUser: false,
+  isLink: true,
+  dataId: 'contactName',
+  fontWeight: 'regular',
+  i18nKeys: {}
+};
+if (__DOCS__) {
+  ContactName.docs = {
+    folderName: 'List',
+    componentGroup: 'ContactName'
+  };
+}