@zohodesk/dot 1.0.0-temp-49 → 1.0.0-temp-53

package/src/list/SecondaryText/PhoneNumber.js

@@ -1,93 +1,93 @@
-/* eslint-disable react/forbid-component-props */
-/**** Libraries ****/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/**** Components ****/
-import Link from '../../Link/Link';
-
-/**** CSS ****/
-import style from './SecondaryText.module.css';
-
-export default class PhoneNumber extends Component {
-  render() {
-    let {
-      text,
-      urlData,
-      urlName,
-      className,
-      title,
-      href,
-      dataId,
-      isLink,
-      target,
-      hasReload,
-      fontWeight,
-      customProps
-    } = this.props;
-    let {LinkProps={}, TextProps={}}=customProps;
-    return (
-      <React.Fragment>
-        {isLink ? (
-          <Link
-            href={href}
-            title={title}
-            urlData={urlData}
-            urlName={urlName}
-            dataId={dataId}
-            target={target}
-            hasReload={hasReload}
-            className={style.link}
-            {...LinkProps}
-          >
-            <div className={`${style.phoneNumber} ${
-              style[`font_${fontWeight}`]
-            } ${className ? className : ''}`}>{text}</div>
-          </Link>
-        ) : (
-          <div
-            className={`${style.secondaryText} ${
-              style[`font_${fontWeight}`]
-            } ${className ? className : ''}`}
-            data-title={title}
-            {...TextProps}
-          >
-            {text}
-          </div>
-        )}
-      </React.Fragment>
-    );
-  }
-}
-
-PhoneNumber.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
-  hasReload: PropTypes.bool,
-  href: PropTypes.string,
-  isLink: PropTypes.bool,
-  target: PropTypes.string,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  urlData: PropTypes.object,
-  urlName: PropTypes.string,
-  customProps:PropTypes.shape({
-    LinkProps:PropTypes.object,
-    TextProps:PropTypes.object
-  })
-};
-
-PhoneNumber.defaultProps = {
-  isLink: true,
-  hasReload: false,
-  fontWeight: 'regular',
-  customProps:{}
-};
-
-if (__DOCS__) {
-  PhoneNumber.docs = {
-    folderName: 'List',
-    componentGroup: 'PhoneNumberText'
-  };
-}
+/* eslint-disable react/forbid-component-props */
+/**** Libraries ****/
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+/**** Components ****/
+import Link from '../../Link/Link';
+
+/**** CSS ****/
+import style from './SecondaryText.module.css';
+
+export default class PhoneNumber extends Component {
+  render() {
+    let {
+      text,
+      urlData,
+      urlName,
+      className,
+      title,
+      href,
+      dataId,
+      isLink,
+      target,
+      hasReload,
+      fontWeight,
+      customProps
+    } = this.props;
+    let {LinkProps={}, TextProps={}}=customProps;
+    return (
+      <React.Fragment>
+        {isLink ? (
+          <Link
+            href={href}
+            title={title}
+            urlData={urlData}
+            urlName={urlName}
+            dataId={dataId}
+            target={target}
+            hasReload={hasReload}
+            className={style.link}
+            {...LinkProps}
+          >
+            <div className={`${style.phoneNumber} ${
+              style[`font_${fontWeight}`]
+            } ${className ? className : ''}`}>{text}</div>
+          </Link>
+        ) : (
+          <div
+            className={`${style.secondaryText} ${
+              style[`font_${fontWeight}`]
+            } ${className ? className : ''}`}
+            data-title={title}
+            {...TextProps}
+          >
+            {text}
+          </div>
+        )}
+      </React.Fragment>
+    );
+  }
+}
+
+PhoneNumber.propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
+  hasReload: PropTypes.bool,
+  href: PropTypes.string,
+  isLink: PropTypes.bool,
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  customProps:PropTypes.shape({
+    LinkProps:PropTypes.object,
+    TextProps:PropTypes.object
+  })
+};
+
+PhoneNumber.defaultProps = {
+  isLink: true,
+  hasReload: false,
+  fontWeight: 'regular',
+  customProps:{}
+};
+
+if (__DOCS__) {
+  PhoneNumber.docs = {
+    folderName: 'List',
+    componentGroup: 'PhoneNumberText'
+  };
+}

package/src/list/SecondaryText/PriorityText.js

@@ -1,40 +1,40 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './SecondaryText.module.css';
-export default class PriorityText extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let { className, color, text, dataTitle, dataId } = this.props;
-    return (
-      <div
-        className={`${style.priorityText} ${style[color]} ${
-          className ? className : ''
-        }`}
-        data-title={dataTitle}
-        data-id={dataId}
-      >
-        {text}
-      </div>
-    );
-  }
-}
-PriorityText.propTypes = {
-  className: PropTypes.string,
-  color: PropTypes.oneOf(['red', 'green', 'gray', 'orange']),
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  text: PropTypes.string
-};
-PriorityText.defaultProps = {
-  color: 'black',
-  dataId: 'priority'
-};
-if (__DOCS__) {
-  PriorityText.docs = {
-    folderName: 'List',
-    componentGroup: 'PriorityText'
-  };
-}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import style from './SecondaryText.module.css';
+export default class PriorityText extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let { className, color, text, dataTitle, dataId } = this.props;
+    return (
+      <div
+        className={`${style.priorityText} ${style[color]} ${
+          className ? className : ''
+        }`}
+        data-title={dataTitle}
+        data-id={dataId}
+      >
+        {text}
+      </div>
+    );
+  }
+}
+PriorityText.propTypes = {
+  className: PropTypes.string,
+  color: PropTypes.oneOf(['red', 'green', 'gray', 'orange']),
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  text: PropTypes.string
+};
+PriorityText.defaultProps = {
+  color: 'black',
+  dataId: 'priority'
+};
+if (__DOCS__) {
+  PriorityText.docs = {
+    folderName: 'List',
+    componentGroup: 'PriorityText'
+  };
+}

package/src/list/SecondaryText/SecondaryText.js

@@ -1,43 +1,43 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './SecondaryText.module.css';
-export default class SecondaryText extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let { className, text, dataTitle, dataId, onClick,customProps } = this.props;
-    let {SecondaryTextProps}=customProps;
-    return (
-      <div
-        className={`${style.secondaryText} ${className ? className : ''}`}
-        data-title={dataTitle}
-        data-id={dataId}
-        onClick={onClick}
-        {...SecondaryTextProps}
-      >
-        {text}
-      </div>
-    );
-  }
-}
-SecondaryText.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  customProps:PropTypes.shape({
-    SecondaryTextProps: PropTypes.object
-  })
-};
-SecondaryText.defaultProps = {
-  customProps:{}
-};
-if (__DOCS__) {
-  SecondaryText.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryText'
-  };
-}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import style from './SecondaryText.module.css';
+export default class SecondaryText extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let { className, text, dataTitle, dataId, onClick,customProps } = this.props;
+    let {SecondaryTextProps}=customProps;
+    return (
+      <div
+        className={`${style.secondaryText} ${className ? className : ''}`}
+        data-title={dataTitle}
+        data-id={dataId}
+        onClick={onClick}
+        {...SecondaryTextProps}
+      >
+        {text}
+      </div>
+    );
+  }
+}
+SecondaryText.propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  customProps:PropTypes.shape({
+    SecondaryTextProps: PropTypes.object
+  })
+};
+SecondaryText.defaultProps = {
+  customProps:{}
+};
+if (__DOCS__) {
+  SecondaryText.docs = {
+    folderName: 'List',
+    componentGroup: 'SecondaryText'
+  };
+}

package/src/list/SecondaryText/SecondaryText.module.css

@@ -1,126 +1,126 @@
-.paidUserIcon {
-  margin-right: var(--zd_size5);
-  vertical-align: middle;
-  bottom: var(--zd_size1);
-  position: relative;
-  font-size: var(--zd_font_size8);
-}
-.icon {
-  display: block;
-}
-.disable {
-  cursor: not-allowed;
-}
-.textBold {
-  font-family: var(--zd_bold);
-  color: var(--zdt_secondaryText_black_text);
-}
-.textStyle, .link{
-display: block
-}
-.textStyle.textBold {
-  font-family: var(--zd_bold);
-  color: var(--zdt_secondaryText_black_text);
-}
-.ticketId,
-.link,
-.textStyle,
-.secondaryText,
-.ratingText,
-.phoneNumber {
-  color: var(--zdt_secondaryText_secondaryText_text);
-}
-.textStyle,
-.secondaryText {
-  font-size: var(--zd_font_size12);
-}
-.ticketId,
-.phoneNumber,
-.ratingText {
-  font-size: var(--zd_font_size12);
-}
-.textStyle,
-.secondaryText,
-.phoneNumber {
-  cursor: pointer;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100%;
-  display: block;
-}
-.textStyle:hover,
-.ticketIdLink,
-.phoneNumber:hover,
-.link:hover {
-  color: var(--zdt_secondaryText_blue_text);
-}
-.link:focus, .link:focus .textStyle, .link:focus .phoneNumber{
-  color: var(--zdt_secondaryText_blue_text);
-}
-.ticketIdLink {
-  cursor: pointer;
-}
-.ticketIdLink:hover, .ticketIdLink:focus {
-  color: var(--zdt_secondaryText_blue_hover_text);
-}
-.primaryAccountNameCnt {
-  max-width: 100%;
-}
-/* status */
-.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,
-.textBold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}
-.priorityText,
-.statusText {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.priorityText {
-  font-size: var(--zd_font_size12);
-  max-width: 100%;
-}
-.departmentText {
-  font-size: var(--zd_font_size12);
-  color: var(--zdt_secondaryText_secondaryText_text);
-  max-width: 100%;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-/* HappinessRating Style */
-.happinessContainer {
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-}
-.happinessImg {
-  width: var(--zd_size10);
-  margin: 0 var(--zd_size4) 0 0;
-  vertical-align: middle;
-}
-
-/* colors */
-.gray {
-  color: var(--zdt_secondaryText_gray_text);
-}
-.orange {
-  color: var(--zdt_secondaryText_orage_text);
-}
-.green {
-  color: var(--zdt_secondaryText_green_text);
-}
-.red {
-  color: var(--zdt_secondaryText_red_text);
-}
-.blue {
-  color: var(--zdt_secondaryText_blue_text);
-}
-.black {
-  color: var(--zdt_secondaryText_black_text);
-}
+.paidUserIcon {
+  margin-right: var(--zd_size5);
+  vertical-align: middle;
+  bottom: var(--zd_size1);
+  position: relative;
+  font-size: var(--zd_font_size8);
+}
+.icon {
+  display: block;
+}
+.disable {
+  cursor: not-allowed;
+}
+.textBold {
+  font-family: var(--zd_bold);
+  color: var(--zdt_secondaryText_black_text);
+}
+.textStyle, .link{
+display: block
+}
+.textStyle.textBold {
+  font-family: var(--zd_bold);
+  color: var(--zdt_secondaryText_black_text);
+}
+.ticketId,
+.link,
+.textStyle,
+.secondaryText,
+.ratingText,
+.phoneNumber {
+  color: var(--zdt_secondaryText_secondaryText_text);
+}
+.textStyle,
+.secondaryText {
+  font-size: var(--zd_font_size12);
+}
+.ticketId,
+.phoneNumber,
+.ratingText {
+  font-size: var(--zd_font_size12);
+}
+.textStyle,
+.secondaryText,
+.phoneNumber {
+  cursor: pointer;
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  max-width: 100%;
+  display: block;
+}
+.textStyle:hover,
+.ticketIdLink,
+.phoneNumber:hover,
+.link:hover {
+  color: var(--zdt_secondaryText_blue_text);
+}
+.link:focus, .link:focus .textStyle, .link:focus .phoneNumber{
+  color: var(--zdt_secondaryText_blue_text);
+}
+.ticketIdLink {
+  cursor: pointer;
+}
+.ticketIdLink:hover, .ticketIdLink:focus {
+  color: var(--zdt_secondaryText_blue_hover_text);
+}
+.primaryAccountNameCnt {
+  max-width: 100%;
+}
+/* status */
+.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,
+.textBold {
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+}
+.priorityText,
+.statusText {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.priorityText {
+  font-size: var(--zd_font_size12);
+  max-width: 100%;
+}
+.departmentText {
+  font-size: var(--zd_font_size12);
+  color: var(--zdt_secondaryText_secondaryText_text);
+  max-width: 100%;
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+/* HappinessRating Style */
+.happinessContainer {
+  composes: inlineBlockMiddle from '../listCommon.module.css';
+}
+.happinessImg {
+  width: var(--zd_size10);
+  margin: 0 var(--zd_size4) 0 0;
+  vertical-align: middle;
+}
+
+/* colors */
+.gray {
+  color: var(--zdt_secondaryText_gray_text);
+}
+.orange {
+  color: var(--zdt_secondaryText_orage_text);
+}
+.green {
+  color: var(--zdt_secondaryText_green_text);
+}
+.red {
+  color: var(--zdt_secondaryText_red_text);
+}
+.blue {
+  color: var(--zdt_secondaryText_blue_text);
+}
+.black {
+  color: var(--zdt_secondaryText_black_text);
+}