@zohodesk/dot 1.0.0-beta.27 → 1.0.0-beta.271

package/src/errorstate/PermissionPlay/PermissionPlay.js

@@ -1,46 +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 commonStyle from '../EmptyStates.module.css';
-import style from './PermissionPlay.module.css';
-export default class PermissionPlay extends React.Component {
-  render() {
-    let { subtitle, title, description, urlText, url, onClick } = this.props;
-    return (
-      <Container className={commonStyle.container}>
-        <Box className={commonStyle.top}>
-          {title ? <div className={commonStyle.title}>{title}</div> : null}
-          {subtitle ? (
-            <div className={commonStyle.subtitle}>{subtitle}</div>
-          ) : null}
-        </Box>
-        <Box className={style.imageContainer}>
-          <UnauthorizedLoginSVG isFluid />
-        </Box>
-        <Box>
-          <div className={style.lastBox}>
-            <span>{description}</span>
-            <span className={style.lineText}>
-              <LinkText text={urlText} href={url} onClick={onClick} />
-            </span>
-          </div>
-        </Box>
-      </Container>
-    );
-  }
-}
-PermissionPlay.propTypes = {
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-if (__DOCS__) {
-  PermissionPlay.docs = {
-    componentGroup: 'errorStates'
-  };
-}

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

@@ -1,33 +0,0 @@
-.headtingText {
-  font-family: var(--zd_semibold);
-  font-size: var(--zd_size50);
-  margin-bottom: var(--zd_size5);
-  letter-spacing: var(--zd_size1);
-}
-.title,
-.headtingText,
-.lastBox {
-  color: var(--zd_text_dark3);
-}
-.title {
-  font-size: var(--zd_size30);
-}
-.lastBox {
-  max-width: 48%;
-  margin: 0 auto;
-  line-height: var(--zd_size24);
-  font-size: var(--zd_size14);
-}
-.lineText {
-  margin: 0 var(--zd_size4);
-}
-.imageContainer {
-  height: var(--zd_size400);
-  margin-bottom: var(--zd_size30);
-}
-
-@media only screen and (max-width: 48em) {
-  .lastBox {
-    max-width: 100%;
-  }
-}

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,42 +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 commonStyle from '../EmptyStates.module.css';
-import style from './RequestUrlNotFound.module.css';
-export default class RequestUrlNotFound extends React.Component {
-  render() {
-    let { title, subtitle, description, urlText, url, onClick } = this.props;
-    return (
-      <Container className={`${commonStyle.container}`}>
-        <Box className={commonStyle.top}>
-          {title ? <div className={commonStyle.title}>{title}</div> : null}
-          {subtitle ? (
-            <div className={commonStyle.subtitle}>{subtitle}</div>
-          ) : null}
-        </Box>
-        <Box className={style.imageContainer}>
-          <UrlNotFound isFluid />
-        </Box>
-        <Box className={commonStyle.footer}>
-          <div className={commonStyle.btmText}>{description}</div>
-          <LinkText text={urlText} href={url} onClick={onClick} />
-        </Box>
-      </Container>
-    );
-  }
-}
-RequestUrlNotFound.propTypes = {
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-if (__DOCS__) {
-  RequestUrlNotFound.docs = {
-    componentGroup: 'errorStates'
-  };
-}

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

@@ -1,5 +0,0 @@
-.imageContainer {
-  height: var(--zd_size400);
-  margin-top: calc(var(--zd_size60) * -1);
-  margin-bottom: var(--zd_size30);
-}

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,42 +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 commonStyle from '../EmptyStates.module.css';
-import style from './UnableToProcess.module.css';
-export default class UnableToProcess extends React.Component {
-  render() {
-    let { title, subtitle, description, urlText, url, onClick } = this.props;
-    return (
-      <Container className={`${commonStyle.container}`}>
-        <Box className={commonStyle.top}>
-          {title ? <div className={commonStyle.title}>{title}</div> : null}
-          {subtitle ? (
-            <div className={commonStyle.subtitle}>{subtitle}</div>
-          ) : null}
-        </Box>
-        <Box className={style.imageContainer}>
-          <UnableToProcessRequest isFluid />
-        </Box>
-        <Box className={commonStyle.footer}>
-          <div className={commonStyle.btmText}>{description}</div>
-          <LinkText text={urlText} href={url} onClick={onClick} />
-        </Box>
-      </Container>
-    );
-  }
-}
-UnableToProcess.propTypes = {
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-if (__DOCS__) {
-  UnableToProcess.docs = {
-    componentGroup: 'errorStates'
-  };
-}

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

@@ -1,14 +0,0 @@
-.heading {
-  font-size: var(--zd_size30);
-  color: var(--zd_text_primary);
-  text-shadow: 0 4px 7px var(--zd_shadow_graytrans6);
-}
-.smallText {
-  text-align: right;
-  margin-right: var(--zd_size45);
-}
-.imageContainer {
-  height: var(--zd_size330);
-  margin-top: calc(var(--zd_size40) * -1);
-  margin-bottom: var(--zd_size30);
-}

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,42 +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 commonStyle from '../EmptyStates.module.css';
-import style from './UnauthorizedLogin.module.css';
-export default class UnauthorizedLogin extends React.Component {
-  render() {
-    let { title, subtitle, description, urlText, url, onClick } = this.props;
-    return (
-      <Container className={`${commonStyle.container}`}>
-        <Box className={commonStyle.top}>
-          {title ? <div className={commonStyle.title}>{title}</div> : null}
-          {subtitle ? (
-            <div className={commonStyle.subtitle}>{subtitle}</div>
-          ) : null}
-        </Box>
-        <Box className={style.imageContainer}>
-          <UnauthorizedLoginSVG isFluid />
-        </Box>
-        <Box className={commonStyle.footer}>
-          <div className={commonStyle.btmText}>{description}</div>
-          <LinkText text={urlText} href={url} onClick={onClick} />
-        </Box>
-      </Container>
-    );
-  }
-}
-UnauthorizedLogin.propTypes = {
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-if (__DOCS__) {
-  UnauthorizedLogin.docs = {
-    componentGroup: 'errorStates'
-  };
-}

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

@@ -1,14 +0,0 @@
-.heading {
-  font-size: var(--zd_size30);
-  color: var(--zd_text_primary);
-  text-shadow: 0 4px 7px var(--zd_shadow_graytrans6);
-}
-.smallText {
-  text-align: right;
-  margin-right: var(--zd_size45);
-}
-.imageContainer {
-  height: var(--zd_size330);
-  margin-top: calc(var(--zd_size10) * -1);
-  margin-bottom: var(--zd_size30);
-}

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,40 +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 commonStyle from '../EmptyStates.module.css';
-import style from './WillBack.module.css';
-export default class WillBack extends React.Component {
-  render() {
-    return (
-      <Container className={`${commonStyle.container}`}>
-        <Box className={commonStyle.top}>
-          <div className={`${commonStyle.header} ${style.header} `}>
-            <div className={style.title}>We'll be right back !</div>
-          </div>
-        </Box>
-        <Box className={style.imageContainer}>
-          <WillBeRightBack isFluid />
-        </Box>
-        <Box className={commonStyle.footer}>
-          <div className={commonStyle.btmText}>
-            Our Service is temporarity unavailable. We are currently working to
-            restore it.
-          </div>
-          <div className={`${commonStyle.btmText} ${style.bottomSpace} `}>
-            Please try again later or report this issue
-          </div>
-          <div className={commonStyle.btmText}>
-            2013, Zoho Corp, All rights reserved.
-          </div>
-        </Box>
-      </Container>
-    );
-  }
-}
-
-if (__DOCS__) {
-  WillBack.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/WillBack/WillBack.module.css

@@ -1,21 +0,0 @@
-/* .heading {
-  font-size: var(--zd_size30);
-  color: var(--zd_text_primary);
-  text-shadow: 0 4px 7px var(--zd_shadow_graytrans6);
-} */
-.title {
-  font-size: var(--zd_size50);
-  color: var(--zd_text_dark20);
-  font-family: var(--zd_bold);
-}
-.header {
-  min-width: var(--zd_size450);
-}
-.imageContainer {
-  height: var(--zd_size450);
-  margin-top: calc(var(--zd_size70) * -1);
-  margin-bottom: var(--zd_size30);
-}
-.bottomSpace {
-  margin-bottom: var(--zd_size20);
-}

package/src/errorstate/WillBack/docs/WillBack__default.docs.js

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

package/src/index.js

@@ -1,14 +0,0 @@
-export { default as React } from 'react';
-export { default as ReactDOM } from 'react-dom';
-export { renderToStaticMarkup } from 'react-dom/server';
-import '@zohodesk/components/lib/common/reset.module.css';
-import '@zohodesk/components/lib/common/basic.module.css';
-import '@zohodesk/variables/lib/internalColorVariables.module.css';
-import '@zohodesk/variables/lib/internalSizeVariables.module.css';
-import '@zohodesk/variables/lib/dotVariables.module.css';
-import '@zohodesk/variables/lib/colorVariables.module.css';
-import '@zohodesk/variables/lib/sizeVariables.module.css';
-import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
-export * from './docs/generalDocs.js';
-export * from './docs/lookupDocs.js';
-export * from './docs/setupDocs.js';