@zohodesk/dot 1.0.0-temp-62 → 1.0.0-temp.213

package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css

@@ -1,84 +0,0 @@
-.wrapper {
-  position: relative;
-  max-width: 100%;
-}
-.maxHgt {
-  max-height: var(--zd_size265);
-  padding: var(--zd_size10) 0;
-}
-.title {
-  padding-top: var(--zd_size6);
-}
-.default_arrow,
-.overlay_arrow {
-  padding: 0 0 0 var(--zd_size5);
-}
-.overlay_arrow {
-  position: absolute;
-  left: 100%;
-  top: 50%;
-  transform: translateY(-50%) perspective(1px);
-}
-.hoverIcon .arrow {
-  opacity: 0;
-  visibility: hidden;
-}
-.hoverIcon:hover .arrow,
-.hoverIcon:focus .arrow {
-  opacity: 1;
-  visibility: visible;
-}
-.value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-}
-.search {
-  padding: var(--zd_size6) var(--zd_size20) 0;
-}
-.svgWrapper {
-  padding-bottom: var(--zd_size25);
-}
-.cursorDefault {
-  cursor: default;
-}
-.cursor {
-  cursor: pointer;
-}
-.dropBoxContainer {
-  text-align: left;
-}
-.iconBox {
-  margin-right: var(--zd_size4);
-}
-.iconBox > i {
-  display: block;
-}
-.loader {
-  width: var(--zd_size40);
-  margin: 0 auto;
-}
-.seperatedLine {
-  height: var(--zd_size1);
-  border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
-  margin: var(--zd_size7) 0 var(--zd_size8);
-}
-.hiddenInput {
-  width: 0;
-  height: 0;
-  opacity: 0;
-  position: absolute;
-}
-.hiddenInputElement{
-  width: 100%;
-  padding: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-}
-.groupName {
-  margin: var(--zd_size6) 0;
-}
-.dropdown {
-  background-color: transparent;
-}

package/es/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -1,94 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Link from '../../Link/Link';
-import style from './CommonEmptyState.module.css';
-export default class CommonEmptyState extends Component {
-  render() {
-    let {
-      title,
-      description,
-      linkDescription,
-      linkUrl,
-      linkText,
-      linkTarget,
-      onUrlClick,
-      getEmptyState,
-      className,
-      dataId,
-      isFluid,
-      children,
-      size,
-      palette,
-      customClass
-    } = this.props;
-    let {
-      titleClass = '',
-      descriptionClass = ''
-    } = customClass;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${style[size]} ${className} ${!isFluid ? style.fluid : ''} ${style[palette]}`,
-      "data-id": dataId
-    }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/React.createElement("div", {
-      className: `${style.title} ${titleClass}`
-    }, title) : null, description ? /*#__PURE__*/React.createElement("div", {
-      className: style.linkWrapper
-    }, /*#__PURE__*/React.createElement("span", {
-      className: `${style.desc} ${descriptionClass}`
-    }, description), !linkDescription && linkText ? /*#__PURE__*/React.createElement(Link, {
-      href: linkUrl,
-      className: style.link,
-      target: linkTarget,
-      onClick: onUrlClick,
-      dataId: `${dataId}_primarylink`
-    }, linkText) : null) : null, linkDescription || !description && !linkDescription && linkText ? /*#__PURE__*/React.createElement("div", {
-      className: style.linkDescWrapper
-    }, linkDescription ? /*#__PURE__*/React.createElement("span", {
-      className: `${style.linkDesc}`
-    }, linkDescription) : null, linkText ? /*#__PURE__*/React.createElement(Link, {
-      href: linkUrl,
-      className: style.link,
-      target: linkTarget,
-      onClick: onUrlClick,
-      dataId: `${dataId}_secondarylink`
-    }, linkText) : null) : null, children ? /*#__PURE__*/React.createElement("div", {
-      className: style.children
-    }, children) : null);
-  }
-
-}
-CommonEmptyState.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  getEmptyState: PropTypes.func,
-  isFluid: PropTypes.bool,
-  linkDescription: PropTypes.string,
-  linkTarget: PropTypes.oneOf(['_blank', '_self']),
-  linkText: PropTypes.string,
-  linkUrl: PropTypes.string,
-  onUrlClick: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'medium']),
-  title: PropTypes.string,
-  palette: PropTypes.oneOf(['default', 'dark']),
-  customClass: PropTypes.shape({
-    titleClass: PropTypes.string,
-    descriptionClass: PropTypes.string
-  })
-};
-CommonEmptyState.defaultProps = {
-  linkTarget: '_self',
-  className: '',
-  linkUrl: '#',
-  dataId: 'emptyState',
-  isFluid: false,
-  size: 'medium',
-  palette: 'default',
-  customClass: {}
-};
-
-if (false) {
-  CommonEmptyState.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -1,77 +0,0 @@
-.varClass {
-  --titleColor: var(--zdt_commonEmptyState_default_title);
-  --descriptionColor: var(--zdt_commonEmptyState_default_description);
-  --linkColor: var(--zdt_commonEmptyState_default_link);
-  --linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
-}
-.container {
-  text-align: center;
-  margin-left: auto;
-  margin-right: auto;
-  composes: varClass;
-}
-.fluid {
-  max-width: var(--zd_size430);
-}
-.title {
-  font-family: var(--zd_semibold);
-  color: var(--titleColor);
-}
-.small .title {
-  font-size: var(--zd_font_size16);
-}
-.medium .title {
-  font-size: var(--zd_font_size20);
-}
-.linkWrapper,
-.linkDescWrapper {
-  color: var(--descriptionColor);
-}
-.small .linkWrapper,
-.small .linkDescWrapper {
-  font-size: var(--zd_font_size12);
-}
-.medium .linkWrapper,
-.medium .linkDescWrapper {
-  font-size: var(--zd_font_size14);
-}
-.medium .linkWrapper {
-  margin-top: var(--zd_size18);
-}
-.small .linkWrapper {
-  margin-top: var(--zd_size12);
-}
-.linkDescWrapper {
-  margin-top: var(--zd_size20);
-}
-.linkDesc,
-.desc {
-  margin-right: var(--zd_size4);
-}
-.desc {
-  line-height: var(--zd_size19);
-}
-.link {
-  cursor: pointer;
-  color: var(--linkColor);
-  display: inline-block;
-}
-.link:hover {
-  color: var(--linkHoverColor);
-}
-.children {
-  margin-top: var(--zd_size15);
-}
-
-.default {
-  --titleColor: var(--zdt_commonEmptyState_default_title);
-  --linkColor: var(--zdt_commonEmptyState_default_link);
-  --linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
-  --descriptionColor: var(--zdt_commonEmptyState_default_description);
-}
-.dark {
-  --titleColor: var(--zdt_commonEmptyState_dark_title);
-  --linkColor: var(--zdt_commonEmptyState_dark_link);
-  --linkHoverColor: var(--zdt_commonEmptyState_dark_link_hover);
-  --descriptionColor: var(--zdt_commonEmptyState_dark_description);
-}

package/es/emptystate/EditionPage/EditionPage.css

@@ -1,37 +0,0 @@
-.editionContainer {
-  text-align: center;
-}
-.svg {
-  margin-top: var(--zd_size140);
-}
-.header {
-  font-size: var(--zd_font_size20);
-  font-family: var(--zd_semibold);
-  margin-top: var(--zd_size16);
-}
-.description {
-  font-size: var(--zd_font_size15);
-  font-family: var(--zd_semibold);
-  margin: var(--zd_size20) 0;
-}
-.content {
-  margin: var(--zd_size10) 0;
-}
-.footer {
-  font-size: var(--zd_font_size13);
-  margin: var(--zd_size10) 0 var(--zd_size80) 0;
-  position: relative;
-  display: inline-block;
-}
-.footer::before {
-  content: '';
-  border-top: var(--zd_size1) solid var(--zdt_editionpage_footer_text);
-  position: absolute;
-  left: calc(var(--zd_size20) * -1);
-  right: calc(var(--zd_size20) * -1);
-  top: calc(var(--zd_size10) * -1);
-}
-.button {
-  color: var(--zdt_editionpage_primary_text);
-  cursor: pointer;
-}

package/es/emptystate/EditionPage/EditionPage.js

@@ -1,65 +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 /*#__PURE__*/React.createElement("div", {
-      className: style.editionContainer,
-      "data-id": dataId
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.svg
-    }, /*#__PURE__*/React.createElement(EmptyCrmPotential, null)), /*#__PURE__*/React.createElement("div", {
-      className: style.header
-    }, title), subtitle ? /*#__PURE__*/React.createElement("div", {
-      className: style.description
-    }, subtitle) : null, /*#__PURE__*/React.createElement("div", {
-      className: style.description
-    }, information ? `${information} ` : null, butttonText ? /*#__PURE__*/React.createElement("span", {
-      className: style.button,
-      "data-id": `${dataId}_button`,
-      onClick: onButtonClick
-    }, butttonText) : null), children ? /*#__PURE__*/React.createElement("div", {
-      className: style.content
-    }, children) : null, footerText ? /*#__PURE__*/React.createElement("div", {
-      "data-id": `${dataId}_footerText`,
-      className: style.footer
-    }, /*#__PURE__*/React.createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: footerText
-      }
-    })) : null);
-  }
-
-}
-EditionPage.defaultProps = {
-  title: '',
-  subtitle: '',
-  dataId: 'edition'
-};
-EditionPage.propTypes = {
-  dataId: PropTypes.string,
-  footerText: PropTypes.string,
-  subTitle: PropTypes.string,
-  title: PropTypes.string
-};
-
-if (false) {
-  EditionPage.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/es/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/es/errorstate/Inconvenience/Inconvenience.js

@@ -1,97 +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(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tablet: mediaQueryOR([{
-        minWidth: 481,
-        maxWidth: 768
-      }]),
-      uptoMobile: mediaQueryOR([{
-        maxWidth: 480
-      }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        tablet,
-        uptoMobile
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(Container, {
-        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-        dataId: dataId,
-        scroll: "vertical"
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: commonStyle.top
-      }, title ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
-      }, /*#__PURE__*/React.createElement(InconvenienceSVG, {
-        isFluid: true,
-        dataId: `${dataId}_svg`
-      })), /*#__PURE__*/React.createElement(Box, {
-        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-      }, description), /*#__PURE__*/React.createElement(LinkText, {
-        text: urlText,
-        href: url,
-        onClick: onClick,
-        dataId: `${dataId}_link`,
-        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-      })));
-    });
-  }
-
-}
-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 (false) {
-  Inconvenience.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/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/es/errorstate/LinkText/LinkText.js

@@ -1,39 +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 /*#__PURE__*/React.createElement(Link, {
-      href: href ? href : 'javascript:void(0)',
-      className: `${style.text} ${customClass} `,
-      onClick: onClick,
-      dataId: dataId
-    }, text);
-  }
-
-}
-LinkText.propTypes = {
-  dataId: PropTypes.string,
-  href: PropTypes.string,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  customClass: PropTypes.string
-};
-LinkText.defaultProps = {
-  dataId: 'LinkText',
-  customClass: ''
-};
-
-if (false) {
-  LinkText.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/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/es/errorstate/NoRequestFound/NoRequestFound.js

@@ -1,97 +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(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
-    return {
-      tablet: mediaQueryOR([{
-        minWidth: 481,
-        maxWidth: 768
-      }]),
-      uptoMobile: mediaQueryOR([{
-        maxWidth: 480
-      }])
-    };
-  }
-
-  render() {
-    let {
-      title,
-      subtitle,
-      description,
-      urlText,
-      url,
-      onClick,
-      dataId,
-      customClass
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
-      query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        tablet,
-        uptoMobile
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(Container, {
-        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-        dataId: dataId,
-        scroll: "vertical"
-      }, /*#__PURE__*/React.createElement(Box, {
-        className: commonStyle.top
-      }, title ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
-      }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
-        isFluid: true,
-        dataId: `${dataId}_svg`
-      })), /*#__PURE__*/React.createElement(Box, {
-        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-      }, /*#__PURE__*/React.createElement("div", {
-        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-      }, description), /*#__PURE__*/React.createElement(LinkText, {
-        text: urlText,
-        href: url,
-        onClick: onClick,
-        dataId: `${dataId}_link`,
-        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-      })));
-    });
-  }
-
-}
-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 (false) {
-  NoRequestFound.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/NoRequestFound/NoRequestFound.module.css

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