@zohodesk/dot 1.0.0-temp-58 → 1.0.0-temp-61

package/src/errorstate/PermissionPlay/PermissionPlay.module.css

@@ -1,34 +0,0 @@
-.headtingText {
-  font-family: var(--zd_semibold);
-  font-size: var(--zd_font_size50);
-  margin-bottom: var(--zd_size5);
-  letter-spacing: var(--zd_size1);
-}
-.title,
-.headtingText,
-.lastBox {
-  color: var(--zdt_permissionplay_title_text);
-}
-.title {
-  font-size: var(--zd_font_size30);
-}
-.lastBox {
-  margin: 0 auto;
-  line-height: var(--zd_size24);
-  font-size: var(--zd_font_size14);
-  margin-bottom: var(--zd_size20);
-}
-.lineText {
-  margin: 0 var(--zd_size4);
-}
-.imageContainer {
-  height: var(--zd_size400);
-  margin-bottom: var(--zd_size30);
-}
-
-.min {
-  max-width: 48%;
-}
-.max {
-  max-width: 95%;
-}

package/src/errorstate/PermissionPlay/docs/PermissionPlay__default.docs.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import PermissionPlay from '../PermissionPlay';
-export default class PermissionPlay__default extends React.Component {
-  render() {
-    return (
-      <PermissionPlay
-        title='Permissions in play'
-        subtitle='keep intruders at bay!'
-        description='You do not have the permission(s) required to access this landing page. Please contact your administrator to obtain the permission(s) or set a new landing page'
-        urlText='Enter your feedback'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  PermissionPlay__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -1,132 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import UrlNotFound from '@zohodesk/svg/lib/svg/UrlNotFound';
-import LinkText from '../LinkText/LinkText';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../EmptyStates.module.css';
-import style from './RequestUrlNotFound.module.css';
-export default class RequestUrlNotFound extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc({ mediaQueryOR }) {
-    return {
-      tablet: mediaQueryOR([{ minWidth: 481, maxWidth: 768 }]),
-      uptoMobile: mediaQueryOR([{ maxWidth: 480 }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return (
-      <ResponsiveReceiver query={this.responsiveFunc}>
-        {({ tablet, uptoMobile }) => (
-          <Container
-            className={`${
-              uptoMobile || tablet
-                ? commonStyle.tabletContainer
-                : commonStyle.container
-            } ${customClass}`}
-            dataId={dataId}
-            scroll='vertical'
-          >
-            <Box className={commonStyle.top}>
-              {title ? (
-                <div
-                  className={
-                    uptoMobile
-                      ? commonStyle.mobileTitle
-                      : tablet
-                      ? commonStyle.tabletTitle
-                      : commonStyle.title
-                  }
-                >
-                  {title}
-                </div>
-              ) : null}
-              {subtitle ? (
-                <div
-                  className={
-                    uptoMobile
-                      ? commonStyle.mobileSubTitle
-                      : tablet
-                      ? commonStyle.tabletSubTitle
-                      : commonStyle.subtitle
-                  }
-                >
-                  {subtitle}
-                </div>
-              ) : null}
-            </Box>
-            <Box
-              className={`${style.imageContainer} ${
-                uptoMobile
-                  ? commonStyle.mobileImageContainer
-                  : tablet
-                  ? commonStyle.tabletImageContainer
-                  : commonStyle.imageContainer
-              }`}
-            >
-              <UrlNotFound isFluid dataId={`${dataId}_svg`} />
-            </Box>
-            <Box
-              className={`${
-                uptoMobile || tablet ? '' : commonStyle.footerWidth
-              } ${commonStyle.footer}`}
-            >
-              <div
-                className={
-                  uptoMobile || tablet
-                    ? commonStyle.tabletBtmText
-                    : commonStyle.btmText
-                }
-              >
-                {description}
-              </div>
-              <LinkText
-                text={urlText}
-                href={url}
-                onClick={onClick}
-                dataId={`${dataId}_link`}
-                customClass={
-                  uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-                }
-              />
-            </Box>
-          </Container>
-        )}
-      </ResponsiveReceiver>
-    );
-  }
-}
-RequestUrlNotFound.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-RequestUrlNotFound.defaultProps = {
-  dataId: 'requestUrlNotFound',
-  customClass: ''
-};
-if (__DOCS__) {
-  RequestUrlNotFound.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css

@@ -1,3 +0,0 @@
-.imageContainer {
-  margin-top: calc(var(--zd_size60) * -1);
-}

package/src/errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import RequestUrlNotFound from '../RequestUrlNotFound';
-export default class RequestUrlNotFound__default extends React.Component {
-  render() {
-    return (
-      <RequestUrlNotFound
-        subtitle='Sorry! Request URL not found.'
-        description='Please try again later or report this issue '
-        urlText='Enter your feedback'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  RequestUrlNotFound__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/UnableToProcess/UnableToProcess.js

@@ -1,130 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
-import UnableToProcessRequest from '@zohodesk/svg/lib/svg/UnableToProcessRequest';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../EmptyStates.module.css';
-import style from './UnableToProcess.module.css';
-export default class UnableToProcess extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc({ mediaQueryOR }) {
-    return {
-      tablet: mediaQueryOR([{ minWidth: 481, maxWidth: 768 }]),
-      uptoMobile: mediaQueryOR([{ maxWidth: 480 }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return (
-      <ResponsiveReceiver query={this.responsiveFunc}>
-        {({ tablet, uptoMobile }) => (
-          <Container
-            className={`${
-              uptoMobile || tablet
-                ? commonStyle.tabletContainer
-                : commonStyle.container
-            } ${customClass}`}
-            dataId={dataId}
-            scroll='vertical'
-          >
-            <Box className={commonStyle.top}>
-              {title ? (
-                <div
-                  className={
-                    uptoMobile
-                      ? commonStyle.mobileTitle
-                      : tablet
-                      ? commonStyle.tabletTitle
-                      : commonStyle.title
-                  }
-                >
-                  {title}
-                </div>
-              ) : null}
-              {subtitle ? (
-                <div
-                  className={
-                    uptoMobile
-                      ? commonStyle.mobileSubTitle
-                      : tablet
-                      ? commonStyle.tabletSubTitle
-                      : commonStyle.subtitle
-                  }
-                >
-                  {subtitle}
-                </div>
-              ) : null}
-            </Box>
-            <Box
-              className={`${style.imageContainer} ${
-                uptoMobile
-                  ? commonStyle.mobileImageContainer
-                  : commonStyle.tabletImageContainer
-              }`}
-            >
-              <UnableToProcessRequest isFluid dataId={`${dataId}_svg`} />
-            </Box>
-            <Box
-              className={`${
-                uptoMobile || tablet ? '' : commonStyle.footerWidth
-              } ${commonStyle.footer}`}
-            >
-              <div
-                className={
-                  uptoMobile || tablet
-                    ? commonStyle.tabletBtmText
-                    : commonStyle.btmText
-                }
-              >
-                {description}
-              </div>
-              <LinkText
-                text={urlText}
-                href={url}
-                onClick={onClick}
-                dataId={`${dataId}_link`}
-                customClass={
-                  uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-                }
-              />
-            </Box>
-          </Container>
-        )}
-      </ResponsiveReceiver>
-    );
-  }
-}
-UnableToProcess.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-UnableToProcess.defaultProps = {
-  dataId: 'unableToProcess',
-  customClass: ''
-};
-if (__DOCS__) {
-  UnableToProcess.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/UnableToProcess/UnableToProcess.module.css

@@ -1,3 +0,0 @@
-.imageContainer {
-  margin-top: calc(var(--zd_size40) * -1);
-}

package/src/errorstate/UnableToProcess/docs/UnableToProcess__default.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnableToProcess from '../UnableToProcess';
-export default class UnableToProcess__default extends React.Component {
-  render() {
-    return (
-      <UnableToProcess
-        subtitle='Oops! Unable to process the request. '
-        description='Please try again later or report this issue '
-        urlText='Enter your feedback'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  UnableToProcess__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,130 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
-import UnauthorizedLoginSVG from '@zohodesk/svg/lib/svg/UnauthorizedLogin';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../EmptyStates.module.css';
-import style from './UnauthorizedLogin.module.css';
-export default class UnauthorizedLogin extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc({ mediaQueryOR }) {
-    return {
-      tablet: mediaQueryOR([{ minWidth: 481, maxWidth: 768 }]),
-      uptoMobile: mediaQueryOR([{ maxWidth: 480 }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return (
-      <ResponsiveReceiver query={this.responsiveFunc}>
-        {({ tablet, uptoMobile }) => (
-          <Container
-            className={`${
-              uptoMobile || tablet
-                ? commonStyle.tabletContainer
-                : commonStyle.container
-            } ${customClass}`}
-            dataId={dataId}
-            scroll='vertical'
-          >
-            <Box className={commonStyle.top}>
-              {title ? (
-                <div
-                  className={
-                    uptoMobile
-                      ? commonStyle.mobileTitle
-                      : tablet
-                      ? commonStyle.tabletTitle
-                      : commonStyle.title
-                  }
-                >
-                  {title}
-                </div>
-              ) : null}
-              {subtitle ? (
-                <div
-                  className={
-                    uptoMobile
-                      ? commonStyle.mobileSubTitle
-                      : tablet
-                      ? commonStyle.tabletSubTitle
-                      : commonStyle.subtitle
-                  }
-                >
-                  {subtitle}
-                </div>
-              ) : null}
-            </Box>
-            <Box
-              className={`${style.imageContainer} ${
-                uptoMobile
-                  ? commonStyle.mobileImageContainer
-                  : commonStyle.tabletImageContainer
-              }`}
-            >
-              <UnauthorizedLoginSVG isFluid dataId={`${dataId}_svg`} />
-            </Box>
-            <Box
-              className={`${
-                uptoMobile || tablet ? '' : commonStyle.footerWidth
-              } ${commonStyle.footer}`}
-            >
-              <div
-                className={
-                  uptoMobile || tablet
-                    ? commonStyle.tabletBtmText
-                    : commonStyle.btmText
-                }
-              >
-                {description}
-              </div>
-              <LinkText
-                text={urlText}
-                href={url}
-                onClick={onClick}
-                dataId={`${dataId}_link`}
-                customClass={
-                  uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-                }
-              />
-            </Box>
-          </Container>
-        )}
-      </ResponsiveReceiver>
-    );
-  }
-}
-UnauthorizedLogin.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-UnauthorizedLogin.defaultProps = {
-  dataId: 'unauthorizedLogin',
-  customClass: ''
-};
-if (__DOCS__) {
-  UnauthorizedLogin.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css

@@ -1,3 +0,0 @@
-.imageContainer {
-  margin-top: calc(var(--zd_size10) * -1);
-}

package/src/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__insufficient.docs.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnauthorizedLogin from '../UnauthorizedLogin';
-export default class UnauthorizedLogin__insufficient extends React.Component {
-  render() {
-    return (
-      <UnauthorizedLogin
-        title='Insufficient Privileges '
-        subtitle='to perform this operation.. '
-        description='Please try again later or report this issue '
-        urlText='Enter your feedback'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  UnauthorizedLogin__insufficient.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import UnauthorizedLogin from '../UnauthorizedLogin';
-export default class UnauthorizedLogin__unauthorizedLogin extends React.Component {
-  render() {
-    return (
-      <UnauthorizedLogin
-        subtitle='Unathorized login! to the portal.'
-        description='Please try again later or report this issue '
-        urlText='Enter your feedback'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  UnauthorizedLogin__unauthorizedLogin.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/WillBack/WillBack.js

@@ -1,120 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import WillBeRightBack from '@zohodesk/svg/lib/svg/WillBeRightBack';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../EmptyStates.module.css';
-import style from './WillBack.module.css';
-export default class WillBack extends React.Component {
-  constructor(props) {
-    super(props);
-    this.responsiveFunc = this.responsiveFunc.bind(this);
-  }
-
-  responsiveFunc({ mediaQueryOR }) {
-    return {
-      tablet: mediaQueryOR([{ minWidth: 481, maxWidth: 768 }]),
-      uptoMobile: mediaQueryOR([{ maxWidth: 480 }])
-    };
-  }
-
-  render() {
-    let { dataId, customClass } = this.props;
-    return (
-      <ResponsiveReceiver query={this.responsiveFunc}>
-        {({ tablet, uptoMobile }) => (
-          <Container
-            className={`${
-              uptoMobile || tablet
-                ? commonStyle.tabletContainer
-                : commonStyle.container
-            } ${customClass}`}
-            dataId={dataId}
-            scroll='vertical'
-          >
-            <Box className={commonStyle.top}>
-              <div
-                className={
-                  uptoMobile || tablet
-                    ? ''
-                    : `${commonStyle.header} ${style.header} `
-                }
-              >
-                <div
-                  className={
-                    uptoMobile
-                      ? style.mobileTitle
-                      : tablet
-                      ? style.tabletTitle
-                      : style.title
-                  }
-                >
-                  We'll be right back !
-                </div>
-              </div>
-            </Box>
-            <Box
-              className={
-                uptoMobile
-                  ? style.mobileImageContainer
-                  : tablet
-                  ? style.tabletImageContainer
-                  : style.imageContainer
-              }
-            >
-              <WillBeRightBack isFluid dataId={`${dataId}_svg`} />
-            </Box>
-            <Box
-              className={`${
-                uptoMobile || tablet ? '' : commonStyle.footerWidth
-              } ${commonStyle.footer}`}
-            >
-              <div
-                className={
-                  uptoMobile || tablet
-                    ? commonStyle.tabletBtmText
-                    : commonStyle.btmText
-                }
-              >
-                Our Service is temporarity unavailable. We are currently working
-                to restore it.
-              </div>
-              <div
-                className={`${
-                  uptoMobile || tablet
-                    ? commonStyle.tabletBtmText
-                    : commonStyle.btmText
-                } ${style.bottomSpace} `}
-              >
-                Please try again later or report this issue
-              </div>
-              <div
-                className={
-                  uptoMobile || tablet
-                    ? commonStyle.tabletBtmText
-                    : commonStyle.btmText
-                }
-              >
-                2013, Zoho Corp, All rights reserved.
-              </div>
-            </Box>
-          </Container>
-        )}
-      </ResponsiveReceiver>
-    );
-  }
-}
-
-WillBack.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string
-};
-WillBack.defaultProps = {
-  dataId: 'willBack',
-  customClass: ''
-};
-if (__DOCS__) {
-  WillBack.docs = {
-    componentGroup: 'errorStates'
-  };
-}