@zohodesk/dot 1.0.0-beta.21 → 1.0.0-beta.212

package/es/list/SecondaryText/SecondaryText.js

@@ -1,60 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './SecondaryText.module.css';
-
-var SecondaryText = function (_Component) {
-  _inherits(SecondaryText, _Component);
-
-  function SecondaryText(props) {
-    _classCallCheck(this, SecondaryText);
-
-    return _possibleConstructorReturn(this, (SecondaryText.__proto__ || _Object$getPrototypeOf(SecondaryText)).call(this, props));
-  }
-
-  _createClass(SecondaryText, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          className = _props.className,
-          text = _props.text,
-          dataTitle = _props.dataTitle,
-          dataId = _props.dataId,
-          onClick = _props.onClick;
-
-      return React.createElement(
-        'div',
-        {
-          className: style.secondaryText + ' ' + (className ? className : ''),
-          'data-title': dataTitle,
-          'data-id': dataId,
-          onClick: onClick
-        },
-        text
-      );
-    }
-  }]);
-
-  return SecondaryText;
-}(Component);
-
-export default SecondaryText;
-
-SecondaryText.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  text: PropTypes.string,
-  onClick: PropTypes.func
-};
-SecondaryText.defaultProps = {};
-if (false) {
-  SecondaryText.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryText'
-  };
-}

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

@@ -1,104 +0,0 @@
-.paidUserIcon {
-  vertical-align: middle;
-  bottom: var(--zd_size1);
-  position: relative;
-  font-size: var(--zd_size8);
-}[dir=ltr] .paidUserIcon {
-  margin-right: var(--zd_size5);
-}[dir=rtl] .paidUserIcon {
-  margin-left: var(--zd_size5);
-}
-.icon {
-  display: block;
-}
-.disable {
-  cursor: not-allowed;
-}
-.ticketId,
-.textStyle,
-.secondaryText,
-.ratingText,
-.phoneNumber {
-  color: var(--dot_text_shuttleGrey);
-}
-.textStyle,
-.secondaryText {
-  font-size: var(--zd_size12);
-}
-.ticketId,
-.phoneNumber,
-.ratingText {
-  font-size: var(--zd_size11);
-}
-.textStyle,
-.secondaryText,
-.phoneNumber {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100%;
-  display: block;
-}
-.textStyle, .secondaryText, .phoneNumber {
-  cursor: pointer;
-}
-.textStyle:hover,
-.ticketIdLink,
-.phoneNumber:hover {
-  color: var(--dot_text_primary);
-}
-.ticketIdLink {
-  cursor: pointer;
-}
-/* status */
-.priorityText,
-.statusText {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-.textBold {
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}
-.priorityText {
-  font-size: var(--zd_size12);
-  max-width: 100%;
-}
-.departmentText {
-  font-size: var(--zd_size12);
-  color: var(--dot_text_shuttleGrey);
-  max-width: 100%;
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-/* HappinessRating Style */
-.happinessContainer {
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-}
-.happinessImg {
-  width: var(--zd_size10);
-  vertical-align: middle;
-}
-[dir=ltr] .happinessImg {
-  margin: 0 var(--zd_size4) 0 0;
-}
-[dir=rtl] .happinessImg {
-  margin: 0 0 0 var(--zd_size4);
-}
-
-/* colors */
-.gray {
-  color: var(--dot_text_shuttleGrey);
-}
-.orange {
-  color: var(--dot_text_vividOrange);
-}
-.green {
-  color: var(--dot_text_strongGreen);
-}
-.red {
-  color: var(--dot_text_brightRed);
-}
-.blue {
-  color: var(--dot_text_primary);
-}
-.black {
-  color: var(--dot_text_black);
-}

package/es/list/SecondaryText/StatusText.js

@@ -1,62 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './SecondaryText.module.css';
-
-var StatusText = function (_Component) {
-  _inherits(StatusText, _Component);
-
-  function StatusText(props) {
-    _classCallCheck(this, StatusText);
-
-    return _possibleConstructorReturn(this, (StatusText.__proto__ || _Object$getPrototypeOf(StatusText)).call(this, props));
-  }
-
-  _createClass(StatusText, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          className = _props.className,
-          color = _props.color,
-          text = _props.text,
-          dataTitle = _props.dataTitle,
-          isBold = _props.isBold;
-
-      return React.createElement(
-        'div',
-        {
-          className: style.statusText + ' ' + style[color] + ' ' + (isBold ? style.textBold : '') + ' ' + (className ? className : ''),
-          'data-title': dataTitle,
-          'data-id': 'statusContainer'
-        },
-        text
-      );
-    }
-  }]);
-
-  return StatusText;
-}(Component);
-
-export default StatusText;
-
-StatusText.propTypes = {
-  className: PropTypes.string,
-  color: PropTypes.oneOf(['default', 'red', 'green', 'gray', 'orange', 'black']),
-  dataTitle: PropTypes.string,
-  isBold: PropTypes.bool,
-  text: PropTypes.string
-};
-StatusText.defaultProps = {
-  color: 'black',
-  isBold: false
-};
-if (false) {
-  StatusText.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusText'
-  };
-}

package/es/list/SecondaryText/TicketId.js

@@ -1,64 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './SecondaryText.module.css';
-
-var TicketId = function (_Component) {
-  _inherits(TicketId, _Component);
-
-  function TicketId(props) {
-    _classCallCheck(this, TicketId);
-
-    return _possibleConstructorReturn(this, (TicketId.__proto__ || _Object$getPrototypeOf(TicketId)).call(this, props));
-  }
-
-  _createClass(TicketId, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          className = _props.className,
-          dataId = _props.dataId,
-          isLink = _props.isLink,
-          dataTitle = _props.dataTitle,
-          onClick = _props.onClick;
-
-      return React.createElement(
-        'div',
-        {
-          className: style.ticketId + ' ' + (isLink ? style.ticketIdLink : '') + ' ' + (className ? className : ''),
-          'data-id': dataId,
-          'data-title': dataTitle,
-          onClick: onClick
-        },
-        text
-      );
-    }
-  }]);
-
-  return TicketId;
-}(Component);
-
-export default TicketId;
-
-TicketId.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  isLink: PropTypes.string
-};
-TicketId.defaultProps = {
-  dataId: 'ticketId'
-};
-if (false) {
-  TicketId.docs = {
-    folderName: 'List',
-    componentGroup: 'TicketId'
-  };
-}

package/es/list/SecondaryText/Website.js

@@ -1,87 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/* 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';
-
-var Website = function (_Component) {
-  _inherits(Website, _Component);
-
-  function Website() {
-    _classCallCheck(this, Website);
-
-    return _possibleConstructorReturn(this, (Website.__proto__ || _Object$getPrototypeOf(Website)).apply(this, arguments));
-  }
-
-  _createClass(Website, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          className = _props.className,
-          title = _props.title,
-          href = _props.href,
-          dataId = _props.dataId,
-          isLink = _props.isLink,
-          target = _props.target;
-
-      return React.createElement(
-        React.Fragment,
-        null,
-        isLink ? React.createElement(
-          ExternalLink,
-          {
-            className: style.textStyle + ' ' + (className ? className : ''),
-            href: href,
-            title: title,
-            dataId: dataId,
-            target: target
-          },
-          text
-        ) : React.createElement(
-          'div',
-          {
-            className: style.secondaryText + ' ' + (className ? className : '')
-          },
-          text
-        )
-      );
-    }
-  }]);
-
-  return Website;
-}(Component);
-
-export default Website;
-
-
-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 (false) {
-  Website.docs = {
-    folderName: 'List',
-    componentGroup: 'WebsiteText'
-  };
-}

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

@@ -1,36 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ContactName from '../ContactName';
-
-var ContactName__default = function (_Component) {
-  _inherits(ContactName__default, _Component);
-
-  function ContactName__default(props) {
-    _classCallCheck(this, ContactName__default);
-
-    return _possibleConstructorReturn(this, (ContactName__default.__proto__ || _Object$getPrototypeOf(ContactName__default)).call(this, props));
-  }
-
-  _createClass(ContactName__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(ContactName, { text: 'Antro Contact', isPaidUser: true });
-    }
-  }]);
-
-  return ContactName__default;
-}(Component);
-
-export default ContactName__default;
-
-if (false) {
-  ContactName__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ContactName'
-  };
-}

package/es/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/es/list/SecondryPanel/SecondryPanel.js

@@ -1,198 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-/**** Libraries ****/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-/**** Components ****/
-import { ResponsiveBox, Box } from '@zohodesk/components/lib/Layout';
-import Dot from '../Dot/Dot';
-
-/**** CSS ****/
-import style from './SecondryPanel.module.css';
-
-var SecondryPanel = function (_Component) {
-  _inherits(SecondryPanel, _Component);
-
-  function SecondryPanel() {
-    _classCallCheck(this, SecondryPanel);
-
-    return _possibleConstructorReturn(this, (SecondryPanel.__proto__ || _Object$getPrototypeOf(SecondryPanel)).apply(this, arguments));
-  }
-
-  _createClass(SecondryPanel, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          className = _props.className;
-
-      return React.createElement(
-        'div',
-        { className: className ? className : '' },
-        children
-      );
-    }
-  }]);
-
-  return SecondryPanel;
-}(Component);
-
-export default SecondryPanel;
-
-SecondryPanel.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string
-};
-
-export var SecondryPanelUL = function (_Component2) {
-  _inherits(SecondryPanelUL, _Component2);
-
-  function SecondryPanelUL() {
-    _classCallCheck(this, SecondryPanelUL);
-
-    return _possibleConstructorReturn(this, (SecondryPanelUL.__proto__ || _Object$getPrototypeOf(SecondryPanelUL)).apply(this, arguments));
-  }
-
-  _createClass(SecondryPanelUL, [{
-    key: 'render',
-    value: function render() {
-      var _props2 = this.props,
-          children = _props2.children,
-          className = _props2.className,
-          dataId = _props2.dataId;
-
-      return React.createElement(
-        'div',
-        {
-          className: style.listItemContainer + ' ' + (className ? className : ''),
-          'data-id': dataId
-        },
-        children
-      );
-    }
-  }]);
-
-  return SecondryPanelUL;
-}(Component);
-SecondryPanelUL.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string
-};
-
-export var SecondryPanelLI = function (_Component3) {
-  _inherits(SecondryPanelLI, _Component3);
-
-  function SecondryPanelLI() {
-    _classCallCheck(this, SecondryPanelLI);
-
-    return _possibleConstructorReturn(this, (SecondryPanelLI.__proto__ || _Object$getPrototypeOf(SecondryPanelLI)).apply(this, arguments));
-  }
-
-  _createClass(SecondryPanelLI, [{
-    key: 'render',
-    value: function render() {
-      var _props3 = this.props,
-          children = _props3.children,
-          className = _props3.className,
-          isHiddenSizes = _props3.isHiddenSizes,
-          isShrink = _props3.isShrink;
-
-      return React.createElement(
-        Box,
-        {
-          flexible: true
-          // eslint-disable-next-line react/forbid-component-props
-          , className: '' + (className ? className : ''),
-          adjust: true,
-          shrink: isShrink ? true : false,
-          isHiddenSizes: isHiddenSizes
-        },
-        children
-      );
-    }
-  }]);
-
-  return SecondryPanelLI;
-}(Component);
-SecondryPanelLI.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  isHiddenSizes: PropTypes.array,
-  isShrink: PropTypes.bool
-};
-SecondryPanelLI.defaultProps = {
-  isShrink: true
-};
-
-export var SecondryPanelItem = function (_Component4) {
-  _inherits(SecondryPanelItem, _Component4);
-
-  function SecondryPanelItem() {
-    _classCallCheck(this, SecondryPanelItem);
-
-    return _possibleConstructorReturn(this, (SecondryPanelItem.__proto__ || _Object$getPrototypeOf(SecondryPanelItem)).apply(this, arguments));
-  }
-
-  _createClass(SecondryPanelItem, [{
-    key: 'render',
-    value: function render() {
-      var _props4 = this.props,
-          children = _props4.children,
-          className = _props4.className,
-          dotClass = _props4.dotClass,
-          isDot = _props4.isDot,
-          flex = _props4.flex,
-          clipped = _props4.clipped,
-          dotSpacingType = _props4.dotSpacingType;
-
-      return React.createElement(
-        'div',
-        {
-          className: (clipped ? style.dottedStyle : '') + ' ' + (flex ? style.panelListItemFlex : style.panelListItem) + ' ' + (className ? className : '')
-        },
-        React.createElement(
-          Box,
-          { flexible: true },
-          children
-        ),
-        isDot ? React.createElement(
-          Box,
-          null,
-          React.createElement(Dot
-          // eslint-disable-next-line react/forbid-component-props
-          , { className: style.dot + ' ' + (dotClass ? dotClass : ''),
-            spacingType: dotSpacingType
-          })
-        ) : null
-      );
-    }
-  }]);
-
-  return SecondryPanelItem;
-}(Component);
-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
-};
-SecondryPanelItem.defaultProps = {
-  clipped: true,
-  dotSpacingType: 'list',
-  flex: true,
-  isDot: true
-};
-if (false) {
-  SecondryPanel.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryLayout'
-  };
-}

package/es/list/SecondryPanel/SecondryPanel.module.css

@@ -1,27 +0,0 @@
-.listItemContainer {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  align-items: baseline;
-  max-width: 100%;
-}
-.panelListItem {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-}
-.panelListItem,
-.panelListItemFlex {
-  align-items: baseline;
-  max-width: 100%;
-}
-.dottedStyle {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-.panelListItemFlex {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-}
-.panelListItemBox {
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexbasis from '~@zohodesk/components/lib/common/common.module.css';
-}
-.dot {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
-}

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

@@ -1,41 +0,0 @@
-.layoutWrapper {
-  width: 100%;
-  margin-bottom: 20px;
-  padding: 10px;
-}
-@media only screen and (max-width: 500px) {
-  .layoutContainer {
-    flex-direction: column;
-  }
-}
-.container {
-  background: gray;
-}
-.itemId {
-  composes: flexshrink from "~@zohodesk/components/lib/common/common.module.css";
-}
-.itemInner {
-  composes: dflex from "~@zohodesk/components/lib/common/common.module.css";
-  composes: alignVertical from "~@zohodesk/components/lib/common/common.module.css";
-  max-width: 15rem;
-  font-size: 13px;
-  padding: 5px;
-  background: #fafafa;
-}
-.itemText {
-  composes: flexgrow from "~@zohodesk/components/lib/common/common.module.css";
-  composes: flexshrink from "~@zohodesk/components/lib/common/common.module.css";
-  composes: 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;
-}