@zohodesk/dot 1.3.0 → 1.3.2

package/es/v1/list/SecondaryText/AccountName.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
-import React, { Component } from 'react';
+import React from 'react';
 import { AccountName_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
 import { AccountName_propTypes } from '../../../list/SecondaryText/props/propTypes';
 /**** Components ****/
@@ -13,73 +13,65 @@ import Link from '../../Link/Link';
 /**** CSS ****/
 
 import style from '../../../list/SecondaryText/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,
-      customProps
-    } = this.props;
-    let {
-      LinkProps = {},
-      TextProps = {},
-      SecondaryTextProps = {}
-    } = customProps;
-    return /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      align: "baseline",
-      isCover: false,
-      "data-title": dataTitle,
-      dataId: dataId
-    }, /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      align: "baseline",
-      isCover: false,
-      className: style.primaryAccountNameCnt
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: style.primaryAccountName,
-      shrink: true
-    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
-      href: href,
-      urlName: urlName,
-      urlData: urlData,
-      onClick: onClick,
-      dataId: `${dataId}_link`,
-      className: style.link
-    }, LinkProps, {
-      ariaLabel: `Account Name ${text}`
-    }), /*#__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, {
-      href: secondaryAccountHref,
-      onClick: secondaryAccountClick,
-      className: style.link
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, SecondaryTextProps), secondaryAccountText))))));
-  }
-
+export default function AccountName(props) {
+  let {
+    dataTitle,
+    dataId,
+    urlName,
+    urlData,
+    onClick,
+    isLink,
+    className,
+    text,
+    href,
+    notAccessible = false,
+    fontWeight,
+    secondaryAccountHref,
+    secondaryAccountClick,
+    secondaryAccountText,
+    customProps
+  } = props;
+  let {
+    LinkProps = {},
+    TextProps = {},
+    SecondaryTextProps = {}
+  } = customProps;
+  return /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    align: "baseline",
+    isCover: false,
+    "data-title": dataTitle,
+    dataId: dataId
+  }, /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    align: "baseline",
+    isCover: false,
+    className: style.primaryAccountNameCnt
+  }, /*#__PURE__*/React.createElement(Box, {
+    className: style.primaryAccountName,
+    shrink: true
+  }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    href: href,
+    urlName: urlName,
+    urlData: urlData,
+    onClick: onClick,
+    dataId: `${dataId}_link`,
+    className: style.link
+  }, LinkProps, {
+    ariaLabel: `Account Name ${text}`
+  }), /*#__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, {
+    href: secondaryAccountHref,
+    onClick: secondaryAccountClick,
+    className: style.link
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+  }, SecondaryTextProps), secondaryAccountText))))));
 }
 AccountName.propTypes = AccountName_propTypes;
-AccountName.defaultProps = AccountName_defaultProps; // if (__DOCS__) {
-//   AccountName.docs = {
-//     folderName: 'List',
-//     componentGroup: 'AccountName'
-//   };
-// }
+AccountName.defaultProps = AccountName_defaultProps;

package/es/v1/list/SecondaryText/ContactName.js

@@ -1,6 +1,6 @@
 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 React from 'react';
 import { ContactName_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
 import { ContactName_propTypes } from '../../../list/SecondaryText/props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
@@ -8,78 +8,70 @@ import Link from '../../Link/Link';
 import SentimentStatus from '../SentimentStatus/SentimentStatus';
 import { Icon } from '@zohodesk/icons';
 import style from '../../../list/SecondaryText/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,
-      customProps
-    } = this.props;
-    let {
-      sentimentTitles = {
-        positive: 'Positive',
-        negative: 'Negative',
-        neutral: 'Neutral'
-      },
-      paidTitle = 'Paid User'
-    } = i18nKeys;
-    let sentimentDataTitle = sentimentTitles[sentimentType];
-    let {
-      LinkProps = {},
-      TextProps = {}
-    } = customProps;
-    return /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      align: "baseline",
-      isCover: false,
-      dataId: dataId
-    }, isPaidUser && /*#__PURE__*/React.createElement(Box, {
-      className: style.paidUserIcon,
-      title: paidTitle,
-      "aria-label": "Paid user"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "ZD-paiduser",
-      iconClass: style.icon
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
-      urlName: urlName,
-      href: href,
-      urlData: urlData,
-      onClick: onClick,
-      title: dataTitle,
-      dataId: `${dataId}_link`,
-      className: style.link
-    }, LinkProps, {
-      ariaLabel: `Contact Name ${text}`
-    }), /*#__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 : ''}`,
-      "data-title": dataTitle
-    }, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
-      type: sentimentType,
-      dataTitle: sentimentDataTitle
-    })));
-  }
-
+export default function ContactName(props) {
+  let {
+    dataTitle,
+    dataId,
+    isPaidUser,
+    urlName,
+    urlData,
+    onClick,
+    sentimentType,
+    isLink,
+    className,
+    text,
+    href,
+    notAccessible = false,
+    fontWeight,
+    i18nKeys,
+    customProps
+  } = props;
+  let {
+    sentimentTitles = {
+      positive: 'Positive',
+      negative: 'Negative',
+      neutral: 'Neutral'
+    },
+    paidTitle = 'Paid User'
+  } = i18nKeys;
+  let sentimentDataTitle = sentimentTitles[sentimentType];
+  let {
+    LinkProps = {},
+    TextProps = {}
+  } = customProps;
+  return /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    align: "baseline",
+    isCover: false,
+    dataId: dataId
+  }, isPaidUser && /*#__PURE__*/React.createElement(Box, {
+    className: style.paidUserIcon,
+    title: paidTitle,
+    "aria-label": "Paid user"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-paiduser",
+    iconClass: style.icon
+  })), /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    urlName: urlName,
+    href: href,
+    urlData: urlData,
+    onClick: onClick,
+    title: dataTitle,
+    dataId: `${dataId}_link`,
+    className: style.link
+  }, LinkProps, {
+    ariaLabel: `Contact Name ${text}`
+  }), /*#__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 : ''}`,
+    "data-title": dataTitle
+  }, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
+    type: sentimentType,
+    dataTitle: sentimentDataTitle
+  })));
 }
 ContactName.propTypes = ContactName_propTypes;
-ContactName.defaultProps = ContactName_defaultProps; // if (__DOCS__) {
-//   ContactName.docs = {
-//     folderName: 'List',
-//     componentGroup: 'ContactName'
-//   };
-// }
+ContactName.defaultProps = ContactName_defaultProps;

package/es/v1/list/SecondaryText/DepartmentText.js

@@ -1,30 +1,18 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { DepartmentText_propTypes } from '../../../list/SecondaryText/props/propTypes';
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
-export default class DepartmentText extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      className,
-      text,
-      dataTitle,
-      dataId
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.departmentText} ${className ? className : ''}`,
-      "data-title": dataTitle,
-      "data-id": dataId,
-      "data-test-id": dataId
-    }, text);
-  }
-
+export default function DepartmentText(props) {
+  let {
+    className,
+    text,
+    dataTitle,
+    dataId
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.departmentText} ${className ? className : ''}`,
+    "data-title": dataTitle,
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, text);
 }
-DepartmentText.propTypes = DepartmentText_propTypes; // if (__DOCS__) {
-//   DepartmentText.docs = {
-//     folderName: 'List',
-//     componentGroup: 'DepartmentText'
-//   };
-// }
+DepartmentText.propTypes = DepartmentText_propTypes;

package/es/v1/list/SecondaryText/Email.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
-import React, { Component } from 'react';
+import React from 'react';
 import { Email_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
 import { Email_propTypes } from '../../../list/SecondaryText/props/propTypes';
 /**** Components ****/
@@ -12,44 +12,36 @@ import Link from '../../Link/Link';
 /**** CSS ****/
 
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
-export default class Email extends Component {
-  render() {
-    let {
-      text,
-      urlData,
-      urlName,
-      className,
-      title,
-      href,
-      isLink,
-      target,
-      fontWeight,
-      customProps
-    } = this.props;
-    let {
-      LinkProps = {},
-      TextProps = {}
-    } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
-      href: href,
-      title: title,
-      urlData: urlData,
-      urlName: urlName,
-      target: target,
-      className: style.link
-    }, LinkProps), /*#__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 : ''}`,
-      "data-title": title
-    }, TextProps), text));
-  }
-
+export default function Email(props) {
+  let {
+    text,
+    urlData,
+    urlName,
+    className,
+    title,
+    href,
+    isLink,
+    target,
+    fontWeight,
+    customProps
+  } = props;
+  let {
+    LinkProps = {},
+    TextProps = {}
+  } = customProps;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    href: href,
+    title: title,
+    urlData: urlData,
+    urlName: urlName,
+    target: target,
+    className: style.link
+  }, LinkProps), /*#__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 : ''}`,
+    "data-title": title
+  }, TextProps), text));
 }
 Email.propTypes = Email_propTypes;
-Email.defaultProps = Email_defaultProps; // if (__DOCS__) {
-//   Email.docs = {
-//     folderName: 'List',
-//     componentGroup: 'EmailText'
-//   };
-// }
+Email.defaultProps = Email_defaultProps;

package/es/v1/list/SecondaryText/HappinessRating.js

@@ -1,31 +1,23 @@
 /**** Libraries ****/
-import React, { Component } from 'react';
+import React from 'react';
 import { HappinessRating_propTypes } from '../../../list/SecondaryText/props/propTypes';
 /**** CSS ****/
 
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
-export default class HappinessRating extends Component {
-  render() {
-    let {
-      text,
-      className,
-      src
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.happinessContainer} ${className ? className : ''}`
-    }, /*#__PURE__*/React.createElement("img", {
-      className: `${style.happinessImg}`,
-      src: src
-    }), /*#__PURE__*/React.createElement("span", {
-      className: style.ratingText,
-      "data-title": text
-    }, `${text}%`));
-  }
-
+export default function HappinessRating(props) {
+  let {
+    text,
+    className,
+    src
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.happinessContainer} ${className ? className : ''}`
+  }, /*#__PURE__*/React.createElement("img", {
+    className: `${style.happinessImg}`,
+    src: src
+  }), /*#__PURE__*/React.createElement("span", {
+    className: style.ratingText,
+    "data-title": text
+  }, `${text}%`));
 }
-HappinessRating.propTypes = HappinessRating_propTypes; // if (__DOCS__) {
-//   HappinessRating.docs = {
-//     folderName: 'List',
-//     componentGroup: 'HappinessRating'
-//   };
-// }
+HappinessRating.propTypes = HappinessRating_propTypes;

package/es/v1/list/SecondaryText/PhoneNumber.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
-import React, { Component } from 'react';
+import React from 'react';
 import { PhoneNumber_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
 import { PhoneNumber_propTypes } from '../../../list/SecondaryText/props/propTypes';
 /**** Components ****/
@@ -12,48 +12,40 @@ import Link from '../../Link/Link';
 /**** CSS ****/
 
 import style from '../../../list/SecondaryText/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 /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
-      href: href,
-      title: title,
-      urlData: urlData,
-      urlName: urlName,
-      dataId: dataId,
-      target: target,
-      hasReload: hasReload,
-      className: style.link
-    }, LinkProps), /*#__PURE__*/React.createElement("div", {
-      className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
-      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": title
-    }, TextProps), text));
-  }
-
+export default function PhoneNumber(props) {
+  let {
+    text,
+    urlData,
+    urlName,
+    className,
+    title,
+    href,
+    dataId,
+    isLink,
+    target,
+    hasReload,
+    fontWeight,
+    customProps
+  } = props;
+  let {
+    LinkProps = {},
+    TextProps = {}
+  } = customProps;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    href: href,
+    title: title,
+    urlData: urlData,
+    urlName: urlName,
+    dataId: dataId,
+    target: target,
+    hasReload: hasReload,
+    className: style.link
+  }, LinkProps), /*#__PURE__*/React.createElement("div", {
+    className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+  }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
+    "data-title": title
+  }, TextProps), text));
 }
 PhoneNumber.propTypes = PhoneNumber_propTypes;
-PhoneNumber.defaultProps = PhoneNumber_defaultProps; // if (__DOCS__) {
-//   PhoneNumber.docs = {
-//     folderName: 'List',
-//     componentGroup: 'PhoneNumberText'
-//   };
-// }
+PhoneNumber.defaultProps = PhoneNumber_defaultProps;

package/es/v1/list/SecondaryText/PriorityText.js

@@ -1,33 +1,21 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { PriorityText_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
 import { PriorityText_propTypes } from '../../../list/SecondaryText/props/propTypes';
 import style from '../../../list/SecondaryText/SecondaryText.module.css';
-export default class PriorityText extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      className,
-      color,
-      text,
-      dataTitle,
-      dataId
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.priorityText} ${style[color]} ${className ? className : ''}`,
-      "data-title": dataTitle,
-      "data-id": dataId,
-      "data-test-id": dataId
-    }, text);
-  }
-
+export default function PriorityText(props) {
+  let {
+    className,
+    color,
+    text,
+    dataTitle,
+    dataId
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.priorityText} ${style[color]} ${className ? className : ''}`,
+    "data-title": dataTitle,
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, text);
 }
 PriorityText.propTypes = PriorityText_propTypes;
-PriorityText.defaultProps = PriorityText_defaultProps; // if (__DOCS__) {
-//   PriorityText.docs = {
-//     folderName: 'List',
-//     componentGroup: 'PriorityText'
-//   };
-// }
+PriorityText.defaultProps = PriorityText_defaultProps;