@zohodesk/icons 1.0.0-beta.11 → 1.0.0-beta.110

package/es/FontIcon/TopbandFontIcon.js

@@ -1,283 +0,0 @@
-import _typeof from 'babel-runtime/helpers/typeof';
-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 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';
-
-var TopbandFontIcon = function (_React$Component) {
-  _inherits(TopbandFontIcon, _React$Component);
-
-  function TopbandFontIcon() {
-    _classCallCheck(this, TopbandFontIcon);
-
-    return _possibleConstructorReturn(this, (TopbandFontIcon.__proto__ || _Object$getPrototypeOf(TopbandFontIcon)).apply(this, arguments));
-  }
-
-  _createClass(TopbandFontIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          name = _props.name,
-          size = _props.size,
-          color = _props.color,
-          hoverColor = _props.hoverColor,
-          onClick = _props.onClick,
-          iconClass = _props.iconClass,
-          isBold = _props.isBold,
-          title = _props.title,
-          dataId = _props.dataId;
-
-      var pathName = _typeof(FontFactory.TopbandFontIcon[name]) === 'object' ? FontFactory.TopbandFontIcon[name][0] : FontFactory.TopbandFontIcon[name];
-      return React.createElement(FontIcon, {
-        color: color,
-        hoverColor: hoverColor,
-        iconClass: iconClass,
-        iconContent: iconContent,
-        isBold: isBold,
-        name: FontFactory.TopbandFontIcon[name],
-        onClick: onClick,
-        pathName: iconContent[pathName],
-        size: size,
-        title: title,
-        dataId: dataId
-      });
-    }
-  }]);
-
-  return TopbandFontIcon;
-}(React.Component);
-
-export default TopbandFontIcon;
-
-
-TopbandFontIcon.defaultProps = {
-  isBold: false,
-  size: '10'
-};
-
-TopbandFontIcon.propTypes = {
-  color: PropTypes.string,
-  dataId: PropTypes.string,
-  hoverColor: 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: ' ',
-  hoverColor: ' ',
-  size: ' ',
-  color: ' ',
-  iconClass: ' ',
-  onClick: ' ',
-  title: ' '
-};
-
-if (false) {
-  TopbandFontIcon.docs = {
-    componentGroup: 'FontIcon',
-    folderName: 'Style Guide'
-  };
-}

package/es/FontIcon/__tests__/FontIcon.spec.js

@@ -1,274 +0,0 @@
-import _Object$assign from 'babel-runtime/core-js/object/assign';
-/* eslint-disable no-undef */
-import React from 'react';
-import FontIcon from '../FontIcon';
-import AddformsFontIcon from '../AddformsFontIcon';
-import AutomateFontIcon from '../AutomateFontIcon';
-import ChannelsFontIcon from '../ChannelsFontIcon';
-import CommonFontIcon from '../CommonFontIcon';
-import CommunityFontIcon from '../CommunityFontIcon';
-import CustomersFontIcon from '../CustomersFontIcon';
-import CustomizeFontIcon from '../CustomizeFontIcon';
-import GamescopeFontIcon from '../GamescopeFontIcon';
-import GettingstartedFontIcon from '../GettingstartedFontIcon';
-import KnowledgeBaseFontIcon from '../KnowledgeBaseFontIcon';
-import LogoFontIcon from '../LogoFontIcon';
-import OrganizationFontIcon from '../OrganizationFontIcon';
-import OthersFontIcon from '../OthersFontIcon';
-import ReportsFontIcon from '../ReportsFontIcon';
-import SetupFontIcon from '../SetupFontIcon';
-import SocialFontIcon from '../SocialFontIcon';
-import TicketsFontIcon from '../TicketsFontIcon';
-import TopbandFontIcon from '../TopbandFontIcon';
-import FontIconAll from '../FontIconAll';
-import renderer from 'react-test-renderer';
-
-var defaultProps = {
-  color: 'smoke15',
-  hoverColor: 'smoke15',
-  iconClass: 'className',
-  iconContent: {
-    'icon-add-follower': {
-      fontFamily: 'zdfonts-tickets',
-      content: '\f54a'
-    },
-    'icon-add-ag': {
-      fontFamily: 'zdfonts-tickets',
-      content: '\f5aa'
-    },
-    'icon-del-call': {
-      fontFamily: 'zdfonts-tickets',
-      content: '\f539'
-    }
-  },
-  isBold: false,
-  onClick: jest.fn(),
-  size: '10',
-  title: 'icon'
-};
-
-describe('FontIcon Test Cases', function () {
-  it('Should check if onClick is triggered', function () {
-    var propValue = _Object$assign({}, defaultProps, {
-      name: 'icon-add-ag',
-      pathName: 'icon-add-ag'
-    });
-
-    var _setup = setup(FontIcon, propValue),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'fontIcon');
-    TestUtils.Simulate.click(component);
-    expect(props.onClick).toHaveBeenCalled();
-  });
-  it('Should check if inner child element for followers icon to be 2', function () {
-    var propValue = _Object$assign({}, defaultProps, {
-      name: ['icon-add-follower', 2],
-      pathName: 'icon-add-follower'
-    });
-
-    var _setup2 = setup(FontIcon, propValue),
-        renderedDOM = _setup2.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'fontIcon');
-    expect(component.childElementCount).toBe(2);
-  });
-  it('Should check if inner child element for delete call icon to be 4', function () {
-    var propValue = _Object$assign({}, defaultProps, {
-      name: ['icon-del-call', 4],
-      pathName: 'icon-del-call'
-    });
-
-    var _setup3 = setup(FontIcon, propValue),
-        renderedDOM = _setup3.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'fontIcon');
-    expect(component.childElementCount).toBe(4);
-  });
-  it('Should check for addforms font icon', function () {
-    var ele = renderer.create(React.createElement(AddformsFontIcon, { name: 'addAccount', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for automate font icon', function () {
-    var ele = renderer.create(React.createElement(AutomateFontIcon, { name: 'currentStats', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for channels font icon', function () {
-    var ele = renderer.create(React.createElement(ChannelsFontIcon, { name: 'denied', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for common font icon', function () {
-    var ele = renderer.create(React.createElement(CommonFontIcon, { name: 'unarchive', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for community font icon', function () {
-    var ele = renderer.create(React.createElement(CommunityFontIcon, { name: 'discussions', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for customer font icon', function () {
-    var ele = renderer.create(React.createElement(CustomersFontIcon, { name: 'circleCheck', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for customize font icon', function () {
-    var ele = renderer.create(React.createElement(CustomizeFontIcon, { name: 'remove', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for gamescope font icon', function () {
-    var ele = renderer.create(React.createElement(GamescopeFontIcon, { name: 'circleMinus', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for getting started font icon', function () {
-    var ele = renderer.create(React.createElement(GettingstartedFontIcon, { name: 'zohoDesk', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for knowledge base font icon', function () {
-    var ele = renderer.create(React.createElement(KnowledgeBaseFontIcon, { name: 'addColumnLeft', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for logo font icon', function () {
-    var ele = renderer.create(React.createElement(LogoFontIcon, { name: 'zohoDesk', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for organization font icon', function () {
-    var ele = renderer.create(React.createElement(OrganizationFontIcon, { name: 'teamAssign', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for others font icon', function () {
-    var ele = renderer.create(React.createElement(OthersFontIcon, { name: 'placeholder9', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for reports font icon', function () {
-    var ele = renderer.create(React.createElement(ReportsFontIcon, { name: 'addComponent', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for setup font icon', function () {
-    var ele = renderer.create(React.createElement(SetupFontIcon, { name: 'access2', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for social font icon', function () {
-    var ele = renderer.create(React.createElement(SocialFontIcon, { name: 'dashboardTab2', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for tickets font icon', function () {
-    var ele = renderer.create(React.createElement(TicketsFontIcon, { name: 'addAgent', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for topband font icon', function () {
-    var ele = renderer.create(React.createElement(TopbandFontIcon, { name: 'arrowDown', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for topband font icon', function () {
-    var ele = renderer.create(React.createElement(TopbandFontIcon, { name: 'arrowDown', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  AddFormsFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'addAccount', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  AutomateFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'currentStats', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  ChannelsFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'denied', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  CommonFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'unarchive', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  CommunityFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'discussions', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  CustomersFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'circleCheck', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  CustomizeFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'remove', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  GamescopeFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'circleMinus', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  GettingstartedFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'zohoDesk', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  KnowledgeBaseFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'addColumnLeft', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  LogoFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'zohoDesk', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  OrganizationFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'teamAssign', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  ReportsFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'addComponent', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  OthersFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'placeholder9', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  SetupFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'access2', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  TicketsFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'addAgent', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  TopbandFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'arrowDown', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('Should check for FontIconAll -  SocialFontIcon rendering', function () {
-    var ele = renderer.create(React.createElement(FontIconAll, { name: 'dashboardTab2', size: '24' }));
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});