@zohodesk/dot 1.0.0-temp-62 → 1.0.0-temp.213

package/es/list/SecondaryText/ContactName.js

@@ -1,117 +0,0 @@
-function _extends() { _extends = Object.assign || 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 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,
-      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
-    }, /*#__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), /*#__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 = {
-  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
-  }),
-  customProps: PropTypes.shape({
-    LinkProps: PropTypes.object,
-    TextProps: PropTypes.object
-  })
-};
-ContactName.defaultProps = {
-  isPaidUser: false,
-  isLink: true,
-  dataId: 'contactName',
-  fontWeight: 'regular',
-  i18nKeys: {},
-  customProps: {}
-};
-
-if (false) {
-  ContactName.docs = {
-    folderName: 'List',
-    componentGroup: 'ContactName'
-  };
-}

package/es/list/SecondaryText/DepartmentText.js

@@ -1,37 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './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
-    }, text);
-  }
-
-}
-DepartmentText.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  text: PropTypes.string
-};
-DepartmentText.defaultProps = {};
-
-if (false) {
-  DepartmentText.docs = {
-    folderName: 'List',
-    componentGroup: 'DepartmentText'
-  };
-}

package/es/list/SecondaryText/Email.js

@@ -1,74 +0,0 @@
-function _extends() { _extends = Object.assign || 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 ****/
-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 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));
-  }
-
-}
-Email.propTypes = {
-  className: PropTypes.string,
-  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
-  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
-  })
-};
-Email.defaultProps = {
-  isLink: true,
-  fontWeight: 'regular',
-  customProps: {}
-};
-
-if (false) {
-  Email.docs = {
-    folderName: 'List',
-    componentGroup: 'EmailText'
-  };
-}

package/es/list/SecondaryText/HappinessRating.js

@@ -1,38 +0,0 @@
-/**** Libraries ****/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-/**** CSS ****/
-
-import style from './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}%`));
-  }
-
-}
-HappinessRating.propTypes = {
-  className: PropTypes.string,
-  src: PropTypes.string,
-  text: PropTypes.string
-};
-HappinessRating.defaultProps = {};
-
-if (false) {
-  HappinessRating.docs = {
-    folderName: 'List',
-    componentGroup: 'HappinessRating'
-  };
-}

package/es/list/SecondaryText/PhoneNumber.js

@@ -1,81 +0,0 @@
-function _extends() { _extends = Object.assign || 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 ****/
-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 /*#__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 = {
-  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 (false) {
-  PhoneNumber.docs = {
-    folderName: 'List',
-    componentGroup: 'PhoneNumberText'
-  };
-}

package/es/list/SecondaryText/PriorityText.js

@@ -1,42 +0,0 @@
-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 /*#__PURE__*/React.createElement("div", {
-      className: `${style.priorityText} ${style[color]} ${className ? className : ''}`,
-      "data-title": dataTitle,
-      "data-id": dataId
-    }, text);
-  }
-
-}
-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 (false) {
-  PriorityText.docs = {
-    folderName: 'List',
-    componentGroup: 'PriorityText'
-  };
-}

package/es/list/SecondaryText/SecondaryText.js

@@ -1,51 +0,0 @@
-function _extends() { _extends = Object.assign || 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 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 /*#__PURE__*/React.createElement("div", _extends({
-      className: `${style.secondaryText} ${className ? className : ''}`,
-      "data-title": dataTitle,
-      "data-id": dataId,
-      onClick: onClick
-    }, SecondaryTextProps), text);
-  }
-
-}
-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 (false) {
-  SecondaryText.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryText'
-  };
-}

package/es/list/SecondaryText/SecondaryText.module.css

@@ -1,126 +0,0 @@
-.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);
-}

package/es/list/SecondaryText/StatusText.js

@@ -1,45 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './SecondaryText.module.css';
-export default class StatusText extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      className,
-      color,
-      text,
-      dataTitle,
-      fontWeight,
-      dataId
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.statusText} ${style[color]} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": dataTitle,
-      "data-id": dataId
-    }, text);
-  }
-
-}
-StatusText.propTypes = {
-  className: PropTypes.string,
-  color: PropTypes.oneOf(['red', 'green', 'gray', 'orange', 'black']),
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
-  text: PropTypes.string
-};
-StatusText.defaultProps = {
-  color: 'black',
-  dataId: 'statusContainer',
-  fontWeight: 'regular'
-};
-
-if (false) {
-  StatusText.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusText'
-  };
-}

package/es/list/SecondaryText/TicketId.js

@@ -1,71 +0,0 @@
-function _extends() { _extends = Object.assign || 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 PropTypes from 'prop-types';
-import Link from '../../Link/Link';
-import style from './SecondaryText.module.css';
-export default class TicketId extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      text,
-      className,
-      dataId,
-      isLink,
-      dataTitle,
-      onClick,
-      url,
-      target,
-      urlName,
-      urlData,
-      customProps
-    } = this.props;
-    let {
-      LinkProps = {},
-      TicketIdProps = {}
-    } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
-      "data-id": dataId,
-      "data-title": dataTitle,
-      onClick: !isLink && onClick
-    }, TicketIdProps), isLink ? /*#__PURE__*/React.createElement(Link, _extends({
-      urlName: urlName,
-      urlData: urlData,
-      href: url,
-      target: target,
-      onClick: onClick
-    }, LinkProps), text) : text);
-  }
-
-}
-TicketId.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  isLink: PropTypes.string,
-  onClick: PropTypes.func,
-  target: PropTypes.oneOf(['_blank', '_self']),
-  text: PropTypes.string,
-  url: PropTypes.string,
-  urlData: PropTypes.string,
-  urlName: PropTypes.string,
-  customProps: PropTypes.shape({
-    TicketIdProps: PropTypes.object,
-    LinkProps: PropTypes.object
-  })
-};
-TicketId.defaultProps = {
-  dataId: 'ticketId',
-  customProps: {}
-};
-
-if (false) {
-  TicketId.docs = {
-    folderName: 'List',
-    componentGroup: 'TicketId'
-  };
-}