@zohodesk/dot 1.0.0-temp-60 → 1.0.0-temp-63

package/src/version2/alertIcons/WarningAlertIcon.js

@@ -1,31 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './AlertIcons.module.css';
-export default class WarningAlertIcon extends Component {
-    render() {
-        let { variant, type } = this.props;
-        return (
-            <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' className={type ? `${style[type]}` : ''}>
-                <path className={`${style[`warning_${variant}`]}`} d='M34.89,23.86s27.19-17.79,41-12.44S99,61.81,60.74,82,5.16,58.27,5,50.48C4.87,42.94,5,25,34.89,23.86Z' />
-                <polygon className={style.outer_cls2} points='95 49.42 94.18 48.61 92.98 49.79 91.79 48.61 90.97 49.42 92.16 50.6 90.97 51.78 91.79 52.59 92.98 51.41 94.18 52.59 95 51.78 93.81 50.6 95 49.42' />
-                <rect className={style.outer_cls2} x='10' y='21.46' width='1.16' height='2.18' />
-                <rect className={style.outer_cls2} x='11.8' y='24.27' width='2.21' height='1.15' />
-                <rect className={style.outer_cls2} x='10' y='26.05' width='1.16' height='2.18' />
-                <rect className={style.outer_cls2} x='7.15' y='24.27' width='2.21' height='1.15' />
-                <path className={style.outer_cls3} d='M11.8,82.6a2.76,2.76,0,1,1,2.8-2.76A2.78,2.78,0,0,1,11.8,82.6Zm0-4.37a1.61,1.61,0,1,0,1.63,1.61A1.62,1.62,0,0,0,11.8,78.23Z' />
-                <ellipse className={style.outer_cls4} cx='50.21' cy='11.21' rx='1.22' ry='1.21' />
-                <polygon className={style.outer_cls4} points='59.77 90 61.8 87.28 63.69 90 59.77 90' />
-                <path className={style.outer_cls5} d='M52.28,43.16s-13.79-9-20.78-6.31S19.75,62.42,39.17,72.67s28.2-12.05,28.28-16S67.45,43.72,52.28,43.16Z' />
-                <path className={style.outer_cls6} d='M61.28,46.39a1.15,1.15,0,1,1-1.15-1.13A1.13,1.13,0,0,1,61.28,46.39ZM71.63,69.28a5.37,5.37,0,0,0,0-5.4L63,48.91a1,1,0,0,0-1.74,1l8.65,15A3.39,3.39,0,0,1,67,70H30.05a3.39,3.39,0,0,1-2.94-5.09l18.46-32a3.39,3.39,0,0,1,5.87,0l4.74,8.2H48a2.54,2.54,0,0,0-1.85.8,2.57,2.57,0,0,0-.69,1.91l.92,12.67a2.54,2.54,0,0,0,5.08,0l.76-9.85a1,1,0,0,0-.92-1.08,1,1,0,0,0-1.07.92l-.76,9.87a.55.55,0,0,1-1.1,0L47.46,43.7a.51.51,0,0,1,.14-.41.58.58,0,0,1,.4-.17h9.91a1,1,0,0,0,.86-1.5l-5.6-9.7a5.39,5.39,0,0,0-9.33,0l-18.46,32A5.39,5.39,0,0,0,30.05,72H67A5.35,5.35,0,0,0,71.63,69.28ZM49,61.34a2.61,2.61,0,1,0,2.6,2.6A2.6,2.6,0,0,0,49,61.34Z' />
-            </svg>
-        );
-    }
-}
-WarningAlertIcon.propTypes = {
-    type: PropTypes.string,
-    variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-WarningAlertIcon.defaultProps = {
-    variant: 'primary'
-
-};

package/src/version2/alertIcons/docs/AlertIcons__default.docs.js

@@ -1,123 +0,0 @@
-import React, { Component } from 'react';
-import AlertIcons from '../AlertIcons';
-
-export default class AlertIcons__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <div>
-        <div>
-          <h2>Info Icon: </h2>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='info'
-            />
-          </div>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='info'
-              variant='secondary'
-            />
-          </div>
-        </div>
-        <div>
-          <h2>Error Icon</h2>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='error'
-            />
-
-          </div>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='error'
-              variant='secondary'
-            />
-          </div>
-        </div>
-        <div>
-          <h2>Danger Icon</h2>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='danger'
-            />
-
-          </div>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='danger'
-              variant='secondary'
-            />
-          </div>
-        </div>
-        <div>
-          <h2>Notification Icon</h2>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='notification'
-            />
-
-          </div>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='notification'
-              variant='secondary'
-            />
-          </div>
-        </div>
-        <div>
-          <h2>Warning Icon</h2>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='warning'
-            />
-
-          </div>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='warning'
-              variant='secondary'
-            />
-          </div>
-        </div>
-        <div>
-          <h2>Success Icon</h2>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='success'
-            />
-          </div>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='success'
-              variant='secondary'
-            />
-          </div>
-        </div>
-        <div>
-          <h2>Alarm Icon</h2>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='alarm'
-            />
-          </div>
-          <div style={{ display: 'inlineBlock', width: '50px', height: '50px' }}>
-            <AlertIcons
-              type='alarm'
-              variant='secondary'
-            />
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  AlertIcons__default.docs = {
-    componentGroup: 'AlertIcons',
-    folderName: 'Alert'
-  };
-}

package/src/version2/errorstate/Inconvenience/Inconvenience.js

@@ -1,98 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from './../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorInconvenience from '@zohodesk/svg/lib/svg/ErrorInconvenience';
-import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
-
-export default class Inconvenience extends React.Component {
-  constructor(props) {
-    super(props);
-    this.errorInconvenience = this.errorInconvenience.bind(this);
-  }
-  
-  errorInconvenience() {
-    return <ErrorInconvenience className={style.errorSvg} />;
-  }
-
-  render() {
-    let {
-      title,
-      description,
-      isButtonNeeded,
-      className,
-      isFluid,
-      dataId,
-      buttonText,
-      onButtonClick,
-      urlText,
-      url,
-      onClick,
-      urlTarget,
-      size
-    } = this.props;
-    return (
-      <Container scroll='vertical' className={`${style.container} ${style[size]}`}>
-        <CommonEmptyState
-          title={title}
-          description={description}
-          getEmptyState={this.errorInconvenience}
-          className={`${style.errorState} ${className}`}
-          isFluid={isFluid}
-          dataId={dataId}
-          linkUrl={url}
-          linkText={urlText}
-          onUrlClick={onClick}
-          linkTarget={urlTarget}
-          customClass={{
-            titleClass: style.title,
-            descriptionClass: style.desc
-          }}
-        >
-          {isButtonNeeded ?
-            <Button 
-              palette='primaryFilled' 
-              text={buttonText}
-              customClass={{
-                customButton: style.errorBtn
-              }}
-              onClick={onButtonClick}
-            />
-          : null}
-        </CommonEmptyState>
-      </Container>
-    );
-  }
-}
-
-Inconvenience.propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};
-
-Inconvenience.defaultProps = {
-  dataId: 'inconvenience',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};
-
-if (__DOCS__) {
-  Inconvenience.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/version2/errorstate/Inconvenience/docs/Inconvenience__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Inconvenience from '../Inconvenience';
-
-export default class Inconvenience__default extends React.Component {
-  render() {
-    return (
-      <Inconvenience
-        title='Sorry for the Inconvenience.'
-        description='One of the scripts for this page has caused an error. Try reloading this page'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  Inconvenience__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -1,99 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/svg/ErrorOopsSomethingMiss';
-import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
-
-export default class OopsSomethingMiss extends React.Component {
-  constructor(props) {
-    super(props);
-    this.errorOopsSomethingMiss = this.errorOopsSomethingMiss.bind(this);
-  }
-  
-  errorOopsSomethingMiss() {
-    return <ErrorOopsSomethingMiss className={style.errorSvg} />;
-  }
-
-  render() {
-    let {
-      title,
-      description,
-      isButtonNeeded,
-      className,
-      isFluid,
-      dataId,
-      buttonText,
-      onButtonClick,
-      urlText,
-      url,
-      onClick,
-      urlTarget,
-      size
-    } = this.props;
-    return (
-      <Container scroll='vertical' className={`${style.container} ${style[size]}`}>
-        <CommonEmptyState
-          title={title}
-          description={description}
-          getEmptyState={this.errorOopsSomethingMiss}
-          className={`${style.errorState} ${className}`}
-          isFluid={isFluid}
-          dataId={dataId}
-          linkUrl={url}
-          linkText={urlText}
-          onUrlClick={onClick}
-          linkTarget={urlTarget}
-          customClass={{
-            titleClass: style.title,
-            descriptionClass: style.desc
-          }}
-        >
-          {isButtonNeeded ?
-            <Button 
-              palette='secondary' 
-              text={buttonText}
-              customClass={{
-                customButton: style.errorBtn
-              }}
-              onClick={onButtonClick}
-              dataId='goBack'
-            />
-          : null}
-        </CommonEmptyState>
-      </Container>
-    );
-  }
-}
-
-OopsSomethingMiss.propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};
-
-OopsSomethingMiss.defaultProps = {
-  dataId: 'oopssomethingmiss',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};
-
-if (__DOCS__) {
-  OopsSomethingMiss.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import OopsSomethingMiss from '../OopsSomethingMiss';
-
-export default class OopsSomethingMiss__default extends React.Component {
-  render() {
-    return (
-      <OopsSomethingMiss
-        title="Oops, Something's a miss!"
-        description='The record you were trying to access could not be found. It may be due to another user deleting it.'
-        isButtonNeeded
-        buttonText='Go Back'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  OopsSomethingMiss__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -1,98 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/svg/ErrorUnableToProcessRequest';
-import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
-
-export default class UnableToProcessRequest extends React.Component {
-  constructor(props) {
-    super(props);
-    this.errorUnableToProcess = this.errorUnableToProcess.bind(this);
-  }
-  
-  errorUnableToProcess() {
-    return <ErrorUnableToProcessRequest className={style.errorSvg} />;
-  }
-
-  render() {
-    let {
-      title,
-      description,
-      isButtonNeeded,
-      className,
-      isFluid,
-      dataId,
-      buttonText,
-      onButtonClick,
-      urlText,
-      url,
-      onClick,
-      urlTarget,
-      size
-    } = this.props;
-    return (
-      <Container scroll='vertical' className={`${style.container} ${style[size]}`}>
-        <CommonEmptyState
-          title={title}
-          description={description}
-          getEmptyState={this.errorUnableToProcess}
-          className={`${style.errorState} ${className}`}
-          isFluid={isFluid}
-          dataId={dataId}
-          linkUrl={url}
-          linkText={urlText}
-          onUrlClick={onClick}
-          linkTarget={urlTarget}
-          customClass={{
-            titleClass: style.title,
-            descriptionClass: style.desc
-          }}
-        >
-          {isButtonNeeded ?
-            <Button 
-              palette='primaryFilled' 
-              text={buttonText}
-              customClass={{
-                customButton: style.errorBtn
-              }}
-              onClick={onButtonClick}
-            />
-          : null}
-        </CommonEmptyState>
-      </Container>
-    );
-  }
-}
-
-UnableToProcessRequest.propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};
-
-UnableToProcessRequest.defaultProps = {
-  dataId: 'unabletoprocessrequest',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};
-
-if (__DOCS__) {
-  UnableToProcessRequest.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/version2/errorstate/UnableToProcessRequest/docs/UnableToProcessRequest__default.docs.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnableToProcessRequest from '../UnableToProcessRequest';
-
-export default class UnableToProcessRequest__default extends React.Component {
-  constructor(props) {
-    super(props);
-    this.clickButton = this.clickButton.bind(this);
-  }
-
-  clickButton() {
-    console.log('Button clicked!')
-  }
-
-  render() {
-    return (
-      <UnableToProcessRequest
-        title='Something went wrong.'
-        description="We can't get that information right now. Please try again later"
-        isButtonNeeded
-        buttonText='Go to Home Page'
-        onButtonClick={this.clickButton}
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  UnableToProcessRequest__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,102 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
-import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/svg/ErrorUnauthorizedLogin';
-import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
-
-export default class UnauthorizedLogin extends React.Component {
-  constructor(props) {
-    super(props);
-    this.errorUnauthorizedLogin = this.errorUnauthorizedLogin.bind(this);
-  }
-  
-  errorUnauthorizedLogin() {
-    return <ErrorUnauthorizedLogin className={style.errorSvg} />;
-  }
-
-  render() {
-    let {
-      title,
-      description,
-      isButtonNeeded,
-      className,
-      isFluid,
-      dataId,
-      buttonText,
-      buttonPalette,
-      onButtonClick,
-      urlText,
-      url,
-      onClick,
-      urlTarget,
-      size
-    } = this.props;
-    return (
-      <Container scroll='vertical' className={`${style.container} ${style[size]}`}>
-        <CommonEmptyState
-          title={title}
-          description={description}
-          getEmptyState={this.errorUnauthorizedLogin}
-          className={`${style.errorState} ${className}`}
-          isFluid={isFluid}
-          dataId={dataId}
-          linkUrl={url}
-          linkText={urlText}
-          onUrlClick={onClick}
-          linkTarget={urlTarget}
-          customClass={{
-            titleClass: style.title,
-            descriptionClass: style.desc
-          }}
-        >
-          {isButtonNeeded ?
-            <Button 
-              palette={buttonPalette}
-              text={buttonText}
-              customClass={{
-                customButton: style.errorBtn
-              }}
-              onClick={onButtonClick}
-              dataId={`${dataId}_button`}
-            />
-          : null}
-        </CommonEmptyState>
-      </Container>
-    );
-  }
-}
-
-UnauthorizedLogin.propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  buttonPalette: PropTypes.oneOf(['primaryFilled', 'secondary']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};
-
-UnauthorizedLogin.defaultProps = {
-  dataId: 'permissionPlay',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  buttonPalette: 'primaryFilled',
-  size: 'large'
-};
-
-if (__DOCS__) {
-  UnauthorizedLogin.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/version2/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnauthorizedLogin from '../UnauthorizedLogin';
-
-export default class UnauthorizedLogin__default extends React.Component {
-  render() {
-    return (
-      <UnauthorizedLogin
-        title='Permission denied.'
-        description='You do not have sufficient permissions to perform this operation. Contact your administrator.'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  UnauthorizedLogin__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}