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

package/src/setup/table/Text/Text.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Link from '../../../Link/Link';
-import style from './Text.css';
-
-export default class Text extends React.Component {
-  render() {
-    let {
-      text,
-      url,
-      onClick = () => {},
-      type,
-      palette,
-      className = '',
-      size,
-      dataId,
-      title = null,
-      target
-    } = this.props;
-    title = title || text;
-    var textComponent;
-    var classNameCheck = `${style[type]}  ${style[palette + 'Color']} ${
-      style[size]
-    } ${className} ${onClick ? style.isClickable : ''}`;
-
-    if (url) {
-      textComponent = (
-        <Link
-          title={title}
-          dataId={dataId}
-          href={url}
-          target={target}
-          className={classNameCheck}
-          onClick={onClick}
-        >
-          {text}
-        </Link>
-      );
-    } else {
-      textComponent = (
-        <div
-          data-title={title}
-          data-id={dataId}
-          className={classNameCheck}
-          onClick={onClick}
-        >
-          {text}
-        </div>
-      );
-    }
-
-    return textComponent;
-  }
-}
-
-Text.defaultProps = {
-  size: 'small',
-  palette: 'default',
-  target: '_blank',
-  dataId: 'text'
-};
-
-Text.propTypes = {
-  text: PropTypes.string,
-  onClick: PropTypes.func,
-  url: PropTypes.string,
-  type: PropTypes.oneOf('bold', 'semiBold', 'heading'),
-  className: PropTypes.string,
-  palette: PropTypes.oneOf('default', 'primary', 'green', 'danger'),
-  size: PropTypes.oneOf('small', 'medium'),
-  dataId: PropTypes.string,
-  title: PropTypes.string,
-  target: PropTypes.string
-};
-
-if (__DOCS__) {
-  Text.docs = {
-    componentGroup: 'Text',
-    folderName: 'Setup'
-  };
-}

package/src/setup/table/Text/docs/Text__default.docs.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import Text from '../Text';
-
-export default class Text__default extends React.Component {
-  render() {
-    return (
-      <div>
-        <div>
-          <Text text='Default Text'></Text>
-        </div>
-        <div>
-          <Text text='bold' type='bold' url='#' palette='primary'></Text>
-        </div>
-        <div>
-          <Text
-            text='semiBold'
-            type='semiBold'
-            palette='primary'
-            url='#'
-          ></Text>
-        </div>
-        <div>
-          <Text text='link Regular' palette='primary' url='#'></Text>
-        </div>
-        <div>
-          <Text text='Medium Text' size='medium' onClick='dummy()'></Text>
-        </div>
-      </div>
-    );
-  }
-}
-
-if (__DOCS__) {
-  Text__default.docs = {
-    componentGroup: 'Text',
-    folderName: 'Setup'
-  };
-}

package/src/svg/PlusIcon.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
-export default class PlusIcon extends React.Component {
-  render() {
-    let { isRender, isSymbol, className } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 32 32'
-        name='PlusIcon'
-        isRender={isRender}
-        isSymbol={isSymbol}
-        className={className}
-      >
-        <g>
-          <path
-            style={{ fill: '#767d89' }}
-            d='M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9
-      c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4H17.3V28c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4
-      c-0.3-0.3-0.4-0.6-0.4-0.9V17.3H4c-0.4,0-0.7-0.1-0.9-0.4S2.7,16.4,2.7,16s0.1-0.7,0.4-0.9c0.3-0.3,0.6-0.4,0.9-0.4h10.7V4
-      c0-0.4,0.1-0.7,0.4-0.9C15.3,2.8,15.6,2.7,16,2.7z'
-          />
-        </g>
-      </SVG>
-    );
-  }
-}
-PlusIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-PlusIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-
-if (__DOCS__) {
-  PlusIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/SnippetIcon.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
-export default class SnippetIcon extends React.Component {
-  render() {
-    let { isRender, isSymbol, className } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 31 32'
-        name='SnippetIcon'
-        isRender={isRender}
-        isSymbol={isSymbol}
-        className={className}
-      >
-        <g>
-          <path
-            d='M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8
-        l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1
-        c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3
-        c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2
-        c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z'
-          />
-          <path
-            style={{ fill: '#03A3FE' }}
-            d='M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7
-        C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3
-        C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3
-        C11.3,24.6,11.7,25.1,16.2,25.7z'
-          />
-        </g>
-      </SVG>
-    );
-  }
-}
-SnippetIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-SnippetIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-
-if (__DOCS__) {
-  SnippetIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/TemplateIcon.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
-export default class TemplateIcon extends React.Component {
-  render() {
-    let { isRender, isSymbol, className } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 32 32'
-        name='TemplateIcon'
-        isRender={isRender}
-        isSymbol={isSymbol}
-        className={className}
-      >
-        <g>
-          <path
-            d='M3.6,27.7h5.9v2.8c0,0.8,0.7,1.5,1.5,1.5h17.4c0.8,0,1.5-0.7,1.5-1.5V5.9c0-0.8-0.7-1.5-1.5-1.5h-5.9V1.5
-  C22.5,0.7,21.8,0,21,0L3.6,0C2.8,0,2.1,0.7,2.1,1.5v24.6C2.1,27,2.8,27.7,3.6,27.7z M28.4,5.7c0.1,0,0.2,0.1,0.2,0.2v24.6
-  c0,0.1-0.1,0.2-0.2,0.2H11c-0.1,0-0.2-0.1-0.2-0.2V5.9c0-0.1,0.1-0.2,0.2-0.2C11,5.7,28.4,5.7,28.4,5.7z M9.5,16.6v3.1V16.6z
-   M9.5,12v3.3V12z M9.5,7.6v3.2V7.6z M9.5,21v5.3H3.6c-0.1,0-0.2-0.1-0.2-0.2V1.5c0-0.1,0.1-0.2,0.2-0.2H21c0.1,0,0.2,0.1,0.2,0.2
-  v2.7L11,4.3c-0.8,0-1.5,0.7-1.5,1.5v0.1L9.5,21z M26.9,25.5c0,0.4-0.3,0.7-0.7,0.7H15.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7
-  h10.6C26.6,24.8,26.9,25.1,26.9,25.5z M12.8,21c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4
-  C13.1,21.7,12.8,21.4,12.8,21L12.8,21z M12.8,16.5c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4
-  C13.1,17.1,12.8,16.8,12.8,16.5L12.8,16.5z M12.8,12c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4
-  C13.1,12.6,12.8,12.4,12.8,12L12.8,12z'
-          />
-        </g>
-      </SVG>
-    );
-  }
-}
-TemplateIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-TemplateIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-if (__DOCS__) {
-  TemplateIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/docs/SVG__default.docs.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import PlusIcon from '../PlusIcon';
-import SnippetIcon from '../SnippetIcon';
-import TemplateIcon from '../TemplateIcon';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-
-export default class SVG__default extends React.Component {
-  render() {
-    let boxStyle = {
-      minWidth: '15%',
-      border: '1px solid #dcdcdc',
-      padding: '5px',
-      margin: '5px'
-    };
-    let textStyle = {
-      textAlign: 'center',
-      padding: '10px 0',
-      background: ' #f9f9f9',
-      marginTop: '10px',
-      color: '#000'
-    };
-    return (
-      <React.Fragment>
-        <Container alignBox='row' align='both' wrap='wrap'>
-        <Box flexible style={boxStyle}>
-          <PlusIcon />
-            <div style={textStyle}>PlusIcon</div>
-          </Box>
-          <Box flexible style={boxStyle}>
-          <SnippetIcon />
-            <div style={textStyle}>SnippetIcon</div>
-          </Box>
-          <Box flexible style={boxStyle}>
-          <TemplateIcon />
-            <div style={textStyle}>TemplateIcon</div>
-          </Box>
-        </Container>
-      </React.Fragment>
-    );
-  }
-}
-if (__DOCS__) {
-  SVG__default.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/utils/ChannelIconMapping.js

@@ -1,112 +0,0 @@
-export function getChannelMappingObj() {
-  return {
-    EMAIL: {
-      default: 'ZD-channelMail',
-      incoming: 'ZD-channelMailIn',
-      outgoing: 'ZD-channelMailOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelMailMissed'
-    },
-    FACEBOOK: {
-      default: 'ZD-channelFacebook',
-      incoming: 'ZD-channelFacebookIn',
-      outgoing: 'ZD-channelFacebookOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelFacebookMissed'
-    },
-    FACEBOOK_DM: {
-      default: 'ZD-channelDirectFb',
-      incoming: 'ZD-channelDirectFbIn',
-      outgoing: 'ZD-channelDirectFbOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelDirectFbMissed'
-    },
-    TWITTER: {
-      default: 'ZD-channelTwitter',
-      incoming: 'ZD-channelTwitterIn',
-      outgoing: 'ZD-channelTwitterOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelTwitterMissed'
-    },
-    FORUMS: {
-      default: 'ZD-channelForum',
-      incoming: 'ZD-channelForumIn',
-      outgoing: 'ZD-channelForumOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelForumMissed'
-    },
-    CHAT: {
-      default: 'ZD-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
-    },
-    OFFLINE_CHAT: {
-      default: 'ZD-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
-    },
-    ONLINE_CHAT: {
-      default: 'ZD-channelChat',
-      incoming: 'ZD-channelChatIn',
-      outgoing: 'ZD-channelChatOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelChatMissed'
-    },
-    PHONE: {
-      default: 'ZD-channelPhone',
-      incoming: 'ZD-channelPhoneIn',
-      outgoing: 'ZD-channelPhoneOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelPhoneIn'
-    },
-    WEB: {
-      default: 'ZD-channelWeb',
-      incoming: 'ZD-channelWebIn',
-      out: 'ZD-channelWebOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelWebMissed'
-    },
-    CUSTOMERPORTAL: {
-      default: 'ZD-channelWeb',
-      incoming: 'ZD-channelWebIn',
-      out: 'ZD-channelWebOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelWebMissed'
-    },
-    FEEDBACK: {
-      default: 'ZD-channelHappiness',
-      incoming: 'ZD-channelHappinessIn',
-      out: 'ZD-channelHappinessOut',
-      draft: 'ZD-channelDraft',
-      forward: 'ZD-channelForward',
-      forwardDraft: 'ZD-channelForwardDraft',
-      missed: 'ZD-channelHappinessMissed'
-    }
-  };
-}

package/src/utils/General.js

@@ -1,18 +0,0 @@
-export function stopBubbling(event) {
-  event.preventDefault();
-  event.stopPropagation && event.stopPropagation();
-  event.nativeEvent &&
-    event.nativeEvent.stopImmediatePropagation &&
-    event.nativeEvent.stopImmediatePropagation();
-}
-
-export function getFullName(firstName = '', lastName = '') {
-  let fullName = '';
-  if (firstName !== null && firstName !== '') {
-    fullName = firstName;
-  }
-  if (lastName !== null && lastName !== '') {
-    fullName = `${fullName}${lastName}`;
-  }
-  return fullName;
-}