@zohodesk/svg 1.0.0-beta.6 → 1.0.0-beta.60

package/src/index.js

@@ -1,7 +0,0 @@
-export { default as React } from 'react';
-export { default as ReactDOM } from 'react-dom';
-export { renderToStaticMarkup } from 'react-dom/server';
-import '@zohodesk/variables/lib/sizeVariables.module.css';
-
-export { default as SVG } from './svg/SVG';
-export { default as SVG__default } from './svg/docs/SVG__default.docs';

package/src/svg/EmptyAccounts.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAccounts.svg';
-export default class EmptyAccounts extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='accounts'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-
-EmptyAccounts.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyAccounts.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyAccounts'
-};
-
-if (__DOCS__) {
-  EmptyAccounts.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyActiveCalls.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyActiveCalls.svg';
-export default class EmptyActiveCalls extends React.Component {
-  render() {
-    let {
-      isRender,
-      size,
-      className = '',
-      alignHorizontal,
-      dataId
-    } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='ActiveCalls'
-        isRender={isRender}
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyActiveCalls.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyActiveCalls.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyActiveCalls'
-};
-
-if (__DOCS__) {
-  EmptyActiveCalls.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyActivity.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyActivity.svg';
-export default class EmptyActivity extends React.Component {
-  render() {
-    let {
-      isRender,
-      size,
-      className = '',
-      alignHorizontal,
-      dataId
-    } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='EmptyActivity'
-        isRender={isRender}
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyActivity.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignCenter: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyActivity.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyActivity'
-};
-
-if (__DOCS__) {
-  EmptyActivity.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyAgent.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAgent.svg';
-export default class EmptyAgent extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='agent'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyAgent.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyAgent.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyAgent'
-};
-
-if (__DOCS__) {
-  EmptyAgent.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyArchived.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyArchived.svg';
-export default class EmptyArchived extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='archived'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyArchived.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyArchived.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyArchived'
-};
-if (__DOCS__) {
-  EmptyArchived.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyAttach.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyAttach.svg';
-export default class EmptyAttach extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='attach'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyAttach.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyAttach.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyAttach'
-};
-
-if (__DOCS__) {
-  EmptyAttach.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyBlueprint.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyBlueprint.svg';
-export default class EmptyBlueprint extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 298 123.5'
-        name='blueprint'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyBlueprint.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyBlueprint.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyBlueprint'
-};
-
-if (__DOCS__) {
-  EmptyBlueprint.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyBusinessHoliday.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyBusinessHoliday.svg';
-export default class EmptyBusinessHoliday extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='businessholiday'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyBusinessHoliday.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyBusinessHoliday.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyBusinessHoliday'
-};
-
-if (__DOCS__) {
-  EmptyBusinessHoliday.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyBusinessHour.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyBusinessHour.svg';
-export default class EmptyBusinessHour extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='businesshour'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyBusinessHour.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyBusinessHour.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyBusinessHour'
-};
-
-if (__DOCS__) {
-  EmptyBusinessHour.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyCallHistory.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyCallHistory.svg';
-export default class EmptyCallHistory extends React.Component {
-  render() {
-    let {
-      isRender,
-      size,
-      className = '',
-      alignHorizontal,
-      dataId
-    } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='CallHistoryEmpty'
-        alignHorizontal={alignHorizontal}
-        isRender={isRender}
-        size={size}
-        className={className}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyCallHistory.propTypes = {
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyCallHistory.defaultProps = {
-  isRender: true,
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyCallHistory'
-};
-
-if (__DOCS__) {
-  EmptyCallHistory.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyCloud.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyCloud.svg';
-export default class EmptyCloud extends React.Component {
-  render() {
-    let { className = '', size, alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 298 123.5'
-        name='cloud'
-        className={className}
-        size={size}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyCloud.propTypes = {
-  className: PropTypes.string,
-  size: PropTypes.oneOf('small', 'large'),
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyCloud.defaultProps = {
-  alignHorizontal: true,
-  dataId: 'emptyCloud'
-};
-
-if (__DOCS__) {
-  EmptyCloud.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyCloudDanger.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyCloudDanger.svg';
-export default class EmptyCloudDanger extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 298 123.5'
-        name='cloudDanger'
-        dataId={dataId}
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyCloudDanger.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyCloudDanger.defaultProps = {
-  alignHorizontal: true,
-  dataId: 'emptyCloudDanger'
-};
-if (__DOCS__) {
-  EmptyCloudDanger.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyContact.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyContact.svg';
-export default class EmptyContact extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='contact'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-
-EmptyContact.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyContact.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyContact'
-};
-
-if (__DOCS__) {
-  EmptyContact.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyConversation.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyConversation.svg';
-export default class EmptyConversation extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='conversation'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyConversation.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyConversation.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyConversation'
-};
-
-if (__DOCS__) {
-  EmptyConversation.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyDashboard.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyDashboard.svg';
-export default class EmptyDashboard extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='dashboard'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-
-EmptyDashboard.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyDashboard.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyDashboard'
-};
-if (__DOCS__) {
-  EmptyDashboard.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyEdition.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyEdition.svg';
-export default class EmptyEdition extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='edition'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyEdition.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyEdition.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyEdition'
-};
-
-if (__DOCS__) {
-  EmptyEdition.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/svg/EmptyFromAddress.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
-import image from './images/EmptyFromAddress.svg';
-export default class EmptyFromAddress extends React.Component {
-  render() {
-    let { size, className = '', alignHorizontal, dataId } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 181.9 139.3'
-        name='fromAddress'
-        size={size}
-        className={className}
-        alignHorizontal={alignHorizontal}
-        dataId={dataId}
-      >
-        <image xlinkHref={image} height='100%' width='100%' />
-      </SVG>
-    );
-  }
-}
-EmptyFromAddress.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
-  className: PropTypes.string,
-  alignHorizontal: PropTypes.bool,
-  dataId: PropTypes.string
-};
-EmptyFromAddress.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  dataId: 'emptyFromAddress'
-};
-
-if (__DOCS__) {
-  EmptyFromAddress.docs = {
-    componentGroup: 'SVG'
-  };
-}