@zohodesk/dot 1.0.0-temp-58 → 1.0.0-temp-61

package/src/list/SecondaryText/PhoneNumber.js

@@ -1,93 +0,0 @@
-/* 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 +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 (
-      <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 +0,0 @@
-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 +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/src/list/SecondaryText/StatusText.js

@@ -1,42 +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 (
-      <div
-        className={`${style.statusText} ${style[color]} ${
-          style[`font_${fontWeight}`]
-        } ${className ? className : ''}`}
-        data-title={dataTitle}
-        data-id={dataId}
-      >
-        {text}
-      </div>
-    );
-  }
-}
-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 (__DOCS__) {
-  StatusText.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusText'
-  };
-}

package/src/list/SecondaryText/TicketId.js

@@ -1,78 +0,0 @@
-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 (
-      <div
-        className={`${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${
-          className ? className : ''
-        }`}
-        data-id={dataId}
-        data-title={dataTitle}
-        onClick={!isLink && onClick}
-        {...TicketIdProps}
-      >
-        {isLink ? (
-          <Link
-            urlName={urlName}
-            urlData={urlData}
-            href={url}
-            target={target}
-            onClick={onClick}
-            {...LinkProps}
-          >
-            {text}
-          </Link>
-        ) : (
-          text
-        )}
-      </div>
-    );
-  }
-}
-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 (__DOCS__) {
-  TicketId.docs = {
-    folderName: 'List',
-    componentGroup: 'TicketId'
-  };
-}

package/src/list/SecondaryText/Website.js

@@ -1,59 +0,0 @@
-/* eslint-disable react/forbid-component-props */
-/**** Libraries ****/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/**** Components ****/
-import ExternalLink from '../../ExternalLink/ExternalLink';
-
-/**** CSS ****/
-import style from './SecondaryText.module.css';
-
-export default class Website extends Component {
-  render() {
-    let { text, className, title, href, dataId, isLink, target } = this.props;
-    return (
-      <React.Fragment>
-        {isLink ? (
-          <ExternalLink
-            className={`${style.textStyle} ${className ? className : ''}`}
-            href={href}
-            title={title}
-            dataId={dataId}
-            target={target}
-          >
-            {text}
-          </ExternalLink>
-        ) : (
-          <div
-            className={`${style.secondaryText} ${className ? className : ''}`}
-            data-title={text}
-          >
-            {text}
-          </div>
-        )}
-      </React.Fragment>
-    );
-  }
-}
-
-Website.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  href: PropTypes.string,
-  isLink: PropTypes.bool,
-  target: PropTypes.string,
-  text: PropTypes.string,
-  title: PropTypes.string
-};
-
-Website.defaultProps = {
-  isLink: true
-};
-
-if (__DOCS__) {
-  Website.docs = {
-    folderName: 'List',
-    componentGroup: 'WebsiteText'
-  };
-}

package/src/list/SecondaryText/docs/ContactName__default.docs.js

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

package/src/list/SecondaryText/index.js

@@ -1,11 +0,0 @@
-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/src/list/SecondryPanel/SecondryPanel.js

@@ -1,144 +0,0 @@
-/**** Libraries ****/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/**** Components ****/
-import { Box } from '@zohodesk/components/lib/Layout';
-import Dot from '../Dot/Dot';
-import Container from '@zohodesk/components/lib/Layout/Container';
-/**** CSS ****/
-import style from './SecondryPanel.module.css';
-
-export default class SecondryPanel extends Component {
-  render() {
-    let { children, className } = this.props;
-    return <div className={className}>{children}</div>;
-  }
-}
-SecondryPanel.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string
-};
-SecondryPanel.defaultProps = {
-  className: ''
-};
-
-export class SecondryPanelUL extends Component {
-  render() {
-    let { children, className, dataId, align } = this.props;
-    return (
-      <Container
-        isInline
-        isCover={false}
-        alignBox='row'
-        align={align}
-        className={`${style.listItemContainer} ${className}`}
-        dataId={dataId}
-      >
-        {children}
-      </Container>
-    );
-  }
-}
-SecondryPanelUL.propTypes = {
-  align: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string
-};
-SecondryPanelUL.defaultProps = {
-  className: '',
-  align: 'baseline'
-};
-
-export class SecondryPanelLI extends Component {
-  render() {
-    let { children, className, isShrink, dataId } = this.props;
-    return (
-      <Box
-        flexible
-        dataId={dataId}
-        // eslint-disable-next-line react/forbid-component-props
-        className={className}
-        adjust
-        shrink={isShrink ? true : false}
-      >
-        {children}
-      </Box>
-    );
-  }
-}
-SecondryPanelLI.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isShrink: PropTypes.bool
-};
-SecondryPanelLI.defaultProps = {
-  isShrink: true,
-  className: ''
-};
-
-export class SecondryPanelItem extends Component {
-  render() {
-    let {
-      children,
-      className,
-      dotClass,
-      isDot,
-      flex,
-      clipped,
-      dotSpacingType,
-      title
-    } = this.props;
-    return (
-      <Container
-        align='baseline'
-        isInline={flex ? false : true}
-        className={className}
-        data-title={title}
-        alignBox='row'
-      >
-        <Box
-          flexible
-          shrink={clipped}
-          className={`${clipped ? style.dottedStyle : ''}`}
-        >
-          {children}
-        </Box>
-        {isDot ? (
-          <Box>
-            <Dot
-              // eslint-disable-next-line react/forbid-component-props
-              className={`${dotClass ? dotClass : ''}`}
-              spacingType={dotSpacingType}
-            />
-          </Box>
-        ) : null}
-      </Container>
-    );
-  }
-}
-SecondryPanelItem.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  clipped: PropTypes.bool,
-  dotClass: PropTypes.string,
-  dotSpacingType: PropTypes.oneOf(['minimalList', 'list']),
-  flex: PropTypes.bool,
-  isDot: PropTypes.bool,
-  title: PropTypes.string
-};
-SecondryPanelItem.defaultProps = {
-  clipped: true,
-  dotSpacingType: 'list',
-  flex: true,
-  isDot: true,
-  className: ''
-};
-if (__DOCS__) {
-  SecondryPanel.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryLayout'
-  };
-}

package/src/list/SecondryPanel/SecondryPanel.module.css

@@ -1,6 +0,0 @@
-.listItemContainer {
-  max-width: 100%;
-}
-.dottedStyle {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}

package/src/list/SecondryPanel/docs/SecondryPanelDocs.module.css

@@ -1,37 +0,0 @@
-.layoutWrapper {
-  width: 100%;
-  margin-bottom: 20px;
-  padding: 10px;
-}
-
-.minilayoutContainer {
-  flex-direction: column;
-}
-.container {
-  background: gray;
-}
-.itemId {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
-}
-.itemInner {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  padding: 5px;
-  background: #fafafa;
-  max-width: var(--zd_size240);
-  font-size: 13px;
-}
-.itemText {
-  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.itemDot {
-  display: inline-block;
-  vertical-align: middle;
-  width: 3px;
-  height: 3px;
-  background-color: red;
-  border-radius: 50%;
-  margin: 0 10px;
-}