@zohodesk/dot 1.0.0-temp-65 → 1.0.0-temp-68

package/src/emptystate/EditionPage/EditionPage.js

@@ -1,69 +0,0 @@
-import React, { Component } from 'react';
-import { PropTypes } from 'prop-types';
-import EmptyCrmPotential from '@zohodesk/svg/lib/svg/EmptyCrmPotential';
-import style from './EditionPage.css';
-
-export default class EditionPage extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      information,
-      dataId,
-      footerText,
-      onButtonClick,
-      butttonText,
-      children
-    } = this.props;
-    return (
-      <div className={style.editionContainer} data-id={dataId}>
-        <div className={style.svg}>
-          <EmptyCrmPotential />
-        </div>
-        <div className={style.header}>{title}</div>
-        {subtitle ? <div className={style.description}>{subtitle}</div> : null}
-
-        <div className={style.description}>
-          {information ? `${information  } ` : null}
-          {butttonText ? (
-            <span
-              className={style.button}
-              data-id={`${dataId}_button`}
-              onClick={onButtonClick}
-            >
-              {butttonText}
-            </span>
-          ) : null}
-        </div>
-        {children ? <div className={style.content}>{children}</div> : null}
-
-        {footerText ? (
-          <div data-id={`${dataId}_footerText`} className={style.footer}>
-            <div dangerouslySetInnerHTML={{ __html: footerText }} />
-          </div>
-        ) : null}
-      </div>
-    );
-  }
-}
-EditionPage.defaultProps = {
-  title: '',
-  subtitle: '',
-  dataId: 'edition'
-};
-EditionPage.propTypes = {
-  dataId: PropTypes.string,
-  footerText: PropTypes.string,
-  subTitle: PropTypes.string,
-  title: PropTypes.string
-};
-
-if (__DOCS__) {
-  EditionPage.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/src/emptystate/EditionPage/docs/EditionPage__default.docs.js

@@ -1,23 +0,0 @@
-import React, { Component } from 'react';
-import EditionPage from '../EditionPage';
-
-export default class EditionPage__default extends Component {
-  render() {
-    return (
-      <EditionPage
-        title='Access Denied'
-        subtitle='Your current edition does not support this feature.'
-        dataId='empty'
-        butttonText='Upgrade Now'
-        information='our current edition does not support this feature.'
-        footerText='asdf'
-      />
-    );
-  }
-}
-
-if (__DOCS__) {
-  EditionPage__default.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/src/errorstate/EmptyStates.module.css

@@ -1,85 +0,0 @@
-.container,
-.tabletContainer {
-  text-align: center;
-  background-color: var(--zdt_emptystate_default_bg);
-}
-.container {
-  padding-top: var(--zd_size80);
-}
-.tabletContainer {
-  padding-top: var(--zd_size50);
-}
-.top {
-  position: relative;
-}
-.header {
-  min-width: var(--zd_size400);
-  margin: 0 auto;
-  display: inline-block;
-  text-align: left;
-}
-.title,
-.tabletTitle,
-.mobileTitle {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-  margin-bottom: var(--zd_size5);
-  letter-spacing: var(--zd_size1);
-}
-.title {
-  font-size: var(--zd_font_size50);
-  line-height: var(--zd_size70);
-}
-.tabletTitle {
-  font-size: var(--zd_font_size24);
-  line-height: var(--zd_size50);
-}
-.mobileTitle {
-  font-size: var(--zd_font_size22);
-  line-height: var(--zd_size30);
-}
-.subtitle {
-  font-size: var(--zd_font_size30);
-}
-.tabletSubTitle {
-  font-size: var(--zd_font_size18);
-}
-.mobileSubTitle {
-  font-size: var(--zd_font_size16);
-}
-.title,
-.subtitle {
-  color: var(--zdt_emptystate_title_text);
-}
-
-.footer {
-  text-align: center;
-  margin: 0 auto;
-  display: inline-block;
-}
-.footerWidth {
-  min-width: var(--zd_size400);
-}
-.btmText,
-.tabletBtmText {
-  margin-bottom: var(--zd_size10);
-}
-.btmText {
-  font-size: var(--zd_font_size14);
-}
-.tabletBtmText {
-  font-size: var(--zd_font_size12);
-}
-.imageContainer,
-.tabletImageContainer,
-.mobileImageContainer {
-  margin-bottom: var(--zd_size30);
-}
-.imageContainer {
-  height: var(--zd_size400);
-}
-.mobileImageContainer {
-  height: var(--zd_size300);
-}
-.tabletImageContainer {
-  height: var(--zd_size350);
-}

package/src/errorstate/Inconvenience/Inconvenience.js

@@ -1,132 +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 InconvenienceSVG from '@zohodesk/svg/lib/svg/EmptyInconvenience';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import commonStyle from '../EmptyStates.module.css';
-import style from './Inconvenience.module.css';
-export default class Inconvenience 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
-              }`}
-            >
-              <InconvenienceSVG 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>
-    );
-  }
-}
-Inconvenience.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
-};
-Inconvenience.defaultProps = {
-  dataId: 'inconvenience',
-  customClass: ''
-};
-if (__DOCS__) {
-  Inconvenience.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/Inconvenience/Inconvenience.module.css

@@ -1,4 +0,0 @@
-.imageContainer {
-  margin-top: calc(var(--zd_size35) * -1);
-  margin-left: calc(var(--zd_size30) * -1);
-}

package/src/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
-        subtitle='Sorry! for the inconvenience.'
-        description='Please try again later or report this issue '
-        urlText='Enter your feedback'
-      />
-    );
-  }
-}
-if (__DOCS__) {
-  Inconvenience__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/LinkText/LinkText.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Link from '../../Link/Link';
-import style from './LinkText.module.css';
-export default class LinkText extends React.Component {
-  render() {
-    let { text, href, onClick, dataId, customClass } = this.props;
-    return (
-      <Link
-        href={href ? href : 'javascript:void(0)'}
-        className={`${style.text} ${customClass} `}
-        onClick={onClick}
-        dataId={dataId}
-      >
-        {text}
-      </Link>
-    );
-  }
-}
-LinkText.propTypes = {
-  dataId: PropTypes.string,
-  href: PropTypes.string,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  customClass: PropTypes.string
-};
-LinkText.defaultProps = {
-  dataId: 'LinkText',
-  customClass: ''
-};
-if (__DOCS__) {
-  LinkText.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/LinkText/LinkText.module.css

@@ -1,6 +0,0 @@
-.text {
-  color: var(--zdt_linktext_default_text);
-  display: inline-block;
-  cursor: pointer;
-  font-size: var(--zd_font_size15);
-}

package/src/errorstate/LinkText/docs/LinkText__default.docs.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import LinkText from '../LinkText';
-export default class LinkText__default extends React.Component {
-  render() {
-    return <LinkText text='Go to Preference' />;
-  }
-}
-if (__DOCS__) {
-  LinkText__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/NoRequestFound/NoRequestFound.js

@@ -1,132 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import commonStyle from '../EmptyStates.module.css';
-import NoRequestFoundSVG from '@zohodesk/svg/lib/svg/NoRequestFound';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-import LinkText from '../LinkText/LinkText';
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from './NoRequestFound.module.css';
-export default class NoRequestFound 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
-              }`}
-            >
-              <NoRequestFoundSVG 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>
-    );
-  }
-}
-NoRequestFound.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
-};
-NoRequestFound.defaultProps = {
-  dataId: 'noRequestFound',
-  customClass: ''
-};
-if (__DOCS__) {
-  NoRequestFound.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/src/errorstate/NoRequestFound/NoRequestFound.module.css

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

package/src/errorstate/NoRequestFound/docs/NoRequestFound__default.docs.js

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

package/src/errorstate/PermissionPlay/PermissionPlay.js

@@ -1,127 +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';
-
-import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-
-export default class PermissionPlay 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 {
-      subtitle,
-      title,
-      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={
-                uptoMobile
-                  ? commonStyle.mobileImageContainer
-                  : tablet
-                  ? commonStyle.tabletImageContainer
-                  : commonStyle.imageContainer
-              }
-            >
-              <UnauthorizedLoginSVG isFluid dataId={`${dataId}_svg`} />
-            </Box>
-            <Box>
-              <div
-                className={`${style.lastBox} ${
-                  tablet || uptoMobile ? style.max : style.min
-                }`}
-              >
-                <span>{description}</span>
-                <span className={style.lineText}>
-                  <LinkText
-                    text={urlText}
-                    href={url}
-                    onClick={onClick}
-                    dataId={`${dataId}_link`}
-                  />
-                </span>
-              </div>
-            </Box>
-          </Container>
-        )}
-      </ResponsiveReceiver>
-    );
-  }
-}
-PermissionPlay.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
-};
-PermissionPlay.defaultProps = {
-  dataId: 'permissionPlay',
-  customClass: ''
-};
-if (__DOCS__) {
-  PermissionPlay.docs = {
-    componentGroup: 'errorStates'
-  };
-}