@zohodesk/icons 1.0.0-beta.1 → 1.0.0-beta.101

package/src/Icon/TicketsFontIcon.js

@@ -1,258 +0,0 @@
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: [
-'icon-compactView',
-  'icon-classicView',
-  'icon-botHead',
-  'icon-customizeTable',
-  'icon-tableView',
-  'icon-priorityQueue',
-  'icon-countdownQueue',
-  'icon-handshakeQueue',
-  'icon-statusQueue',
-  'icon-survey',
-  'icon-ch-phone-in',
-  'icon-ch-phone-out',
-  'icon-ch-phone',
-  'icon-edit-task',
-  'icon-res-add',
-  'icon-res-delt',
-  'icon-res-modify',
-  'icon-restore-call',
-  'icon-restore-event',
-  'icon-restore-task',
-  'icon-restore-ticket',
-  'icon-ticket-reopen',
-  'icon-update-call',
-  'icon-update-event',
-  'icon-update-ticket',
-  'icon-viaAPI',
-  'icon-add-task',
-  'icon-approvalok',
-  'icon-approvalrej',
-  'icon-approvalsent',
-  'icon-del-call',
-  'icon-del-draft',
-  'icon-del-event',
-  'icon-del-task',
-  'icon-del-ticket',
-  'icon-On-hold',
-  'icon-forwarddft',
-  'icon-customfunc',
-  'icon-merge',
-  'icon-remove-follower',
-  'icon-add-follower',
-  'icon-botHash',
-  'icon-botNegative',
-  'icon-botPositive',
-  'icon-botNeutral',
-  'icon-CommentRound',
-  'icon-timeline',
-  'icon-update',
-  'icon-visible-new',
-  'icon-zdCRMQueue-new',
-  'icon-zdCRMQueue',
-  'icon-zdDuetimeQueue-new',
-  'icon-zdDuetimeQueue1',
-  'icon-zdesk-ellipsis',
-  'icon-zdPriorityQueue-new',
-  'icon-zdpriorityQueue',
-  'icon-zdstatusqueue-new',
-  'icon-zdstatusqueue',
-  'icon-reqcount2',
-  'icon-responsive-icon-final',
-  'icon-showoriginal',
-  'icon-smartview-icon',
-  'icon-smily-good',
-  'icon-snippet_pen',
-  'icon-snippet_star',
-  'icon-snippet',
-  'icon-solution_new1',
-  'icon-sort27',
-  'icon-sphere',
-  'icon-split_new',
-  'icon-t-line',
-  'icon-t-line1',
-  'icon-t-line2',
-  'icon-t',
-  'icon-Tablock2',
-  'icon-tag',
-  'icon-telephone1',
-  'icon-ticket-stat',
-  'icon-invisible-new',
-  'icon-Invoice',
-  'icon-JIRA_logo1',
-  'icon-linkurl2',
-  'icon-macro',
-  'icon-move',
-  'icon-new-noti',
-  'icon-newuser',
-  'icon-original-view',
-  'icon-overdue',
-  'icon-phone',
-  'icon-pin-dark2',
-  'icon-prioritymode',
-  'icon-prop',
-  'icon-Rec',
-  'icon-reply_draft',
-  'icon-reply-new',
-  'icon-replyall-new',
-  'icon-delete-2',
-  'icon-discard_draft',
-  'icon-download-new',
-  'icon-draft-delete',
-  'icon-edit_draft',
-  'icon-email-fwd',
-  'icon-email-in',
-  'icon-email-out'
-  ,'icon-Email1',
-  'icon-escalate',
-  'icon-Exclamation-new',
-  'icon-feedback',
-  'icon-flag5',
-  'icon-forward-new',
-  'icon-ch-forums',
-  'icon-ch-twitter-dft',
-  'icon-ch-twitter-in',
-  'icon-ch-twitter-out',
-  'icon-ch-twitter',
-  'icon-ch-web-in',
-  'icon-ch-web',
-  'icon-circle-check2',
-  'icon-circle-plus',
-  'icon-comment-new',
-  'icon-comments-1',
-  'icon-copy2',
-  'icon-add-ag',
-  'icon-arrow-left2',
-  'icon-attach16',
-  'icon-books',
-  'icon-bug-info1',
-  'icon-buginfo',
-  'icon-ch-chat-in',
-  'icon-ch-chat-mis',
-  'icon-ch-chat',
-  'icon-ch-email-dft',
-  'icon-ch-email-fwd',
-  'icon-ch-email-in',
-  'icon-ch-email-out',
-  'icon-ch-email',
-  'icon-ch-facebook_dm-in',
-  'icon-ch-facebook_dm-out',
-  'icon-ch-facebook-dft',
-  'icon-ch-facebook-in',
-  'icon-ch-facebook-out',
-  'icon-ch-facebook',
-  'icon-ch-feedback-mis',
-  'icon-ch-feedback-out',
-  'icon-ch-feedback',
-  'icon-ch-feedbackwidget',
-  'icon-ch-forums-dft',
-  'icon-ch-forums-in',
-  'icon-ch-forums-out',
-  'icon-file-restore',
-  'icon-file-rbn-dlt',
-  'icon-file-edit',
-  'icon-time-edit',
-  'icon-time-restore',
-  'icon-time-add',
-  'icon-time-delt',
-  'icon-file-attach',
-  'icon-file-delt',
-  'icon-comment-edit',
-  'icon-comment-delt',
-  'icon-comment-add',
-  'icon-mail-failed',
-  'icon-timerStart',
-  'icon-ticketCloning',
-  'icon-activityCalls',
-  'icon-activityIn',
-  'icon-activityOut',
-  'icon-books1',
-  'icon-Time-tracker2',
-  'icon-ch-email1',
-  'icon-Invoice1',
-  'icon-priority-mode',
-  'icon-timerPause',
-  'path1',
-  'path2',
-  'path3',
-  'path4',
-  'path5',
-  'basic',
-  'fbold',
-  'small',
-  'medium',
-  'large',
-  'xlarge']
-}] */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import iconContent from '../../assets/css/zd-font-tickets.module.css';
-import FontIcon from './FontIcon';
-import { FontFactory } from './FontFactory';
-import style from './FontIcon.module.css';
-
-function defaultClassAdd(name) {
-  let missed = [
-    'chChatMis',
-    'chEmailMis',
-    'chFacebookMis',
-    'chTwitterMis',
-    'chForumsMis',
-    'chPhoneMis',
-    'chWebMis',
-    'chPhoneOutBound'
-  ];
-  return missed.indexOf(name) > -1 ? style.missed : '';
-}
-export default class TicketsFontIcon extends React.Component {
-  render() {
-    let { name, onClick, iconClass, isBold, title, dataId, size } = this.props;
-    iconClass = `${iconClass ? iconClass : ''} ${defaultClassAdd(name)}`;
-    let pathName =
-      typeof FontFactory.TicketsFontIcon[name] === 'object'
-        ? FontFactory.TicketsFontIcon[name][0]
-        : FontFactory.TicketsFontIcon[name];
-    return (
-      <FontIcon
-        iconClass={iconClass}
-        iconContent={iconContent}
-        isBold={isBold}
-        name={FontFactory.TicketsFontIcon[name]}
-        onClick={onClick}
-        pathName={iconContent[pathName]}
-        title={title}
-        dataId={dataId}
-        size={size}
-      />
-    );
-  }
-}
-
-TicketsFontIcon.defaultProps = {
-  isBold: false
-};
-
-TicketsFontIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  isBold: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  title: PropTypes.string
-};
-TicketsFontIcon.propTypesDescription = {
-  name: ' ',
-  isBold: ' ',
-  iconClass: ' ',
-  onClick: ' ',
-  title: ' '
-};
-
-if (__DOCS__) {
-  TicketsFontIcon.docs = {
-    componentGroup: 'Icon',
-    folderName: 'Style Guide'
-  };
-}

package/src/Icon/TopbandFontIcon.js

@@ -1,248 +0,0 @@
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: [
-'icon-twitterNew',
-'icon-facebookNew',
-'icon-accountsNew',
-'icon-contactsNew',
-'icon-forumsNew',
-'icon-galaryNew',
-'icon-manageNew',
-'icon-articlesNew',
-'icon-reportsNew',
-'icon-overviewNew',
-'icon-queuesNew',
-'icon-tagsNew',
-'icon-viewsNew',
-'icon-feedsNew',
-'icon-dashboardNew',
-'icon-mute1-new',
-'icon-zia',
-'icon-SkyDeskSupport',
-'icon-menu1',
-'icon-blog',
-'icon-webinar',
-'icon-next-step',
-'icon-ZD-contacts',
-'icon-ZD-events',
-'icon-ZD-forums',
-'icon-ZD-reports',
-'icon-ZD-Setup',
-'icon-ZD-socials',
-'icon-ZD-solutions',
-'icon-ZD-tasks',
-'icon-zdesk-commentfilled',
-'icon-zdfeedback',
-'icon-zdresend',
-'icon-Zoho-Desk',
-'icon-zoom-in',
-'icon-zoom-out',
-'icon-reports-new3',
-'icon-reports30',
-'icon-search',
-'icon-search3',
-'icon-share',
-'icon-Signup-page',
-'icon-social30',
-'icon-speaker-new',
-'icon-square-minus',
-'icon-tag-new1',
-'icon-task-demo',
-'icon-task30',
-'icon-team-queue',
-'icon-telephone-thick',
-'icon-tick_new',
-'icon-tickets30',
-'icon-ticknew',
-'icon-toprightnotifi',
-'icon-toprightsearch',
-'icon-toprightseting',
-'icon-TPAdd',
-'icon-twit',
-'icon-Unassociated',
-'icon-update',
-'icon-views-new2',
-'icon-zd_live_chat',
-'icon-ZD-accounts',
-'icon-ZD-activities',
-'icon-ZD-calls',
-'icon-ZD-cases',
-'icon-ZD-chat',
-'icon-ZD-community',
-'icon-LHSViews',
-'icon-list22',
-'icon-livechat3',
-'icon-location2',
-'icon-macro2',
-'icon-mail-o',
-'icon-mancat',
-'icon-maximize',
-'icon-menu',
-'icon-minimize',
-'icon-minus',
-'icon-mobile',
-'icon-moicon-03',
-'icon-moicons-04',
-'icon-more1',
-'icon-more22',
-'icon-newtab',
-'icon-newuser',
-'icon-notifi-exclamation',
-'icon-notofication-new',
-'icon-orange-arrow',
-'icon-overview-new3',
-'icon-p-star',
-'icon-p-star1',
-'icon-p-star2',
-'icon-paiduser',
-'icon-pen2',
-'icon-plus',
-'icon-power-button',
-'icon-printing2',
-'icon-products2',
-'icon-pull-down',
-'icon-recent3',
-'icon-down1',
-'icon-events',
-'icon-Expand',
-'icon-eye-icn-new',
-'icon-fb2',
-'icon-feedback3',
-'icon-feeds-new1',
-'icon-file-empty',
-'icon-forums-new3',
-'icon-Full-screen',
-'icon-funnel3',
-'icon-grid',
-'icon-home2',
-'icon-hotspot',
-'icon-Idea-1px',
-'icon-image',
-'icon-KB-TOP-BAR_Gamification',
-'icon-KB-TOP-BAR_Notification',
-'icon-KB-TOP-BAR_Setup',
-'icon-KB30',
-'icon-kbmorefilter',
-'icon-keyboard_backspace',
-'icon-Keyboard3',
-'icon-lang-1',
-'icon-LHSAccounts',
-'icon-LHSarticles',
-'icon-LHSContacts',
-'icon-LHSFeeds',
-'icon-LHSForums',
-'icon-LHSHQ',
-'icon-LHSOverview',
-'icon-LHSQueue',
-'icon-LHSReports',
-'icon-accounts-new3',
-'icon-active-user',
-'icon-activities',
-'icon-add-agent',
-'icon-advancesearch',
-'icon-agent-new2',
-'icon-approval',
-'icon-approval3',
-'icon-arrow-down',
-'icon-arrow-right',
-'icon-arrow-t-left',
-'icon-arrow-up',
-'icon-articles-new3',
-'icon-ascend',
-'icon-attachment5',
-'icon-back',
-'icon-back2',
-'icon-bell3',
-'icon-Block-down-arrow',
-'icon-bug-info',
-'icon-call-end',
-'icon-chat-message',
-'icon-chats30',
-'icon-check',
-'icon-clasicview',
-'icon-Clear-all',
-'icon-close-e',
-'icon-close22',
-'icon-cloud-icon',
-'icon-collage',
-'icon-community30',
-'icon-compact_view',
-'icon-contacts-new3',
-'icon-copy22',
-'icon-cross',
-'icon-cross72',
-'icon-customer30',
-'icon-d-pref',
-'icon-dashboard-new',
-'icon-dashboard-new1',
-'icon-delete-2',
-'icon-descend',
-'icon-dialpad',
-'icon-down',
-'icon-pen-01',
-'icon-integrationPlug',
-'path1',
-'path2',
-'path3',
-'path4',
-'path5',
-'path6',
-'path7',
-'path8',
-'path9']
-}] */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import iconContent from '../../assets/css/zd-font-topband.module.css';
-import FontIcon from './FontIcon';
-import { FontFactory } from './FontFactory';
-
-export default class TopbandFontIcon extends React.Component {
-  render() {
-    let { name, onClick, iconClass, isBold, title, dataId, size } = this.props;
-    let pathName =
-      typeof FontFactory.TopbandFontIcon[name] === 'object'
-        ? FontFactory.TopbandFontIcon[name][0]
-        : FontFactory.TopbandFontIcon[name];
-    return (
-      <FontIcon
-        iconClass={iconClass}
-        iconContent={iconContent}
-        isBold={isBold}
-        name={FontFactory.TopbandFontIcon[name]}
-        onClick={onClick}
-        pathName={iconContent[pathName]}
-        title={title}
-        dataId={dataId}
-        size={size}
-      />
-    );
-  }
-}
-
-TopbandFontIcon.defaultProps = {
-  isBold: false
-};
-
-TopbandFontIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  isBold: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  title: PropTypes.string
-};
-TopbandFontIcon.propTypesDescription = {
-  name: ' ',
-  isBold: ' ',
-  iconClass: ' ',
-  onClick: ' ',
-  title: ' '
-};
-
-if (__DOCS__) {
-  TopbandFontIcon.docs = {
-    componentGroup: 'Icon',
-    folderName: 'Style Guide'
-  };
-}

package/src/Icon/asyncComponent.js

@@ -1,58 +0,0 @@
-import React from 'react';
-export default function asyncComponent(getComponent) {
-  return class AsyncComponent extends React.Component {
-    constructor(props) {
-      super(props);
-      this.state = {
-        Component: null
-      };
-      this.ele = null;
-      this.getRef = this.getRef.bind(this);
-      this.loadComponent = this.loadComponent.bind(this);
-    }
-
-    loadComponent() {
-      let component = getComponent(this.props);
-      component
-        .then(Component => {
-          if (this.mount) {
-            this.setState({ Component });
-          }
-        })
-        .catch(e => {
-          console.log(e);
-        });
-    }
-
-    componentDidUpdate(prevProps) {
-      if (prevProps.name != this.props.name) {
-        this.loadComponent();
-      }
-    }
-
-    getRef(ele) {
-      this.ele = ele;
-    }
-
-    getInstance() {
-      return this.ele;
-    }
-
-    componentDidMount() {
-      this.mount = true;
-      this.loadComponent();
-    }
-
-    render() {
-      const { Component } = this.state;
-      if (Component) {
-        return <Component {...this.props} ref={this.getRef} />;
-      }
-      return null;
-    }
-
-    componentWillUnmount() {
-      this.mount = null;
-    }
-  };
-}

package/src/Icon/docs/Icon__default.docs.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Icon from '../';
-//import style from '../../common/docStyle.module.css';
-import { FontFactory } from '../FontFactory';
-export default class Icon__default extends React.Component {
-  render() {
-    let Icons = {};
-    return (
-      <div>
-        {Object.keys(FontFactory).map((item, i) => {
-          Icons = {};
-          Object.keys(item)
-            .sort()
-            .forEach(key => {
-              Icons[key] = item[key];
-            });
-          return (
-            <div key={i}>
-              <div
-                style={{
-                  padding: '10px',
-                  background: '#f5f5f5',
-                  margin: '10px 0 20px',
-                  fontWeight: 'bold'
-                }}
-              >
-                {`${item} (${Object.keys(FontFactory[item]).length})`}
-              </div>
-              {Object.keys(FontFactory[item]).map((iconName, iconCount) => (
-                <div className={style.font_grid} key={iconCount}>
-                  <Icon name={iconName} size='20' />
-                  <p>{iconName}</p>
-                </div>
-              ))}
-            </div>
-          );
-        })}
-      </div>
-    );
-  }
-}
-
-Icon__default.docs = {
-  componentGroup: 'Icon',
-  folderName: 'Style Guide',
-  external: true
-};