@zohodesk/dot 1.0.0-beta.21 → 1.0.0-beta.212

package/es/dropdown/ToggleDropDown/docs/ToggleDropDown__default.docs.js

@@ -1,78 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React from 'react';
-import ToggleDropDown from '../ToggleDropDown';
-
-var ToggleDropDown__default = function (_React$Component) {
-  _inherits(ToggleDropDown__default, _React$Component);
-
-  function ToggleDropDown__default(props) {
-    _classCallCheck(this, ToggleDropDown__default);
-
-    var _this = _possibleConstructorReturn(this, (ToggleDropDown__default.__proto__ || _Object$getPrototypeOf(ToggleDropDown__default)).call(this, props));
-
-    _this.state = {
-      value: 'All department',
-      options: [{
-        value: 'All department',
-        id: 'department',
-        iconName: 'ZD-setupFields'
-      }, { value: 'dep1', id: 'department-1', iconName: 'ZD-setupFields' }, { value: 'dep2', id: 'department-2', iconName: 'ZD-setupFields' }, { value: 'dep3', id: 'department-3', iconName: 'ZD-setupFields' }, { value: 'dep4', id: 'department-4', iconName: 'ZD-setupFields' }, { value: 'dep5', id: 'department-5', iconName: 'ZD-setupFields' }, { value: 'dep6', id: 'department-6', iconName: 'ZD-setupFields' }]
-    };
-    _this.onSelect = _this.onSelect.bind(_this);
-    _this.getNextOptions = _this.getNextOptions.bind(_this);
-    return _this;
-  }
-
-  _createClass(ToggleDropDown__default, [{
-    key: 'onSelect',
-    value: function onSelect(element, e) {
-      this.setState({
-        value: e.value
-      });
-    }
-  }, {
-    key: 'getNextOptions',
-    value: function getNextOptions() {
-      this.setState({
-        options: [{
-          value: 'All department',
-          id: 'department',
-          iconName: 'ZD-setupFields'
-        }, { value: 'dep1', id: 'department-1', iconName: 'ZD-setupFields' }, { value: 'dep2', id: 'department-2', iconName: 'ZD-setupFields' }, { value: 'dep3', id: 'department-3', iconName: 'ZD-setupFields' }, { value: 'dep4', id: 'department-4', iconName: 'ZD-setupFields' }, { value: 'dep5', id: 'department-5', iconName: 'ZD-setupFields' }, { value: 'dep6', id: 'department-6', iconName: 'ZD-setupFields' }, { value: 'dep7', id: 'department-7', iconName: 'ZD-setupFields' }, { value: 'dep8', id: 'department-8', iconName: 'ZD-setupFields' }, { value: 'dep9', id: 'department-9', iconName: 'ZD-setupFields' }]
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var options = this.state.options;
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(ToggleDropDown, {
-          value: this.state.value,
-          dataTitle: this.state.value,
-          keyName: 'value',
-          onClick: this.onSelect,
-          isSearch: true,
-          title: 'header',
-          options: options,
-          isNextOptions: true,
-          getNextOptions: this.getNextOptions
-        })
-      );
-    }
-  }]);
-
-  return ToggleDropDown__default;
-}(React.Component);
-
-export default ToggleDropDown__default;
-
-ToggleDropDown__default.docs = {
-  componentGroup: 'Molecule'
-};

package/es/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -1,129 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Link from '../../Link/Link';
-import Button from '@zohodesk/components/lib/Button/Button';
-/*** CSS ***/
-import style from './CommonEmptyState.module.css';
-
-var CommonEmptyState = function (_Component) {
-  _inherits(CommonEmptyState, _Component);
-
-  function CommonEmptyState() {
-    _classCallCheck(this, CommonEmptyState);
-
-    return _possibleConstructorReturn(this, (CommonEmptyState.__proto__ || _Object$getPrototypeOf(CommonEmptyState)).apply(this, arguments));
-  }
-
-  _createClass(CommonEmptyState, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          title = _props.title,
-          description = _props.description,
-          linkUrl = _props.linkUrl,
-          linkText = _props.linkText,
-          linkTarget = _props.linkTarget,
-          onUrlClick = _props.onUrlClick,
-          children = _props.children,
-          className = _props.className,
-          linkDescription = _props.linkDescription,
-          buttonText = _props.buttonText,
-          onButtonClick = _props.onButtonClick,
-          buttonPalette = _props.buttonPalette,
-          buttonSize = _props.buttonSize,
-          buttonDisabled = _props.buttonDisabled,
-          dataId = _props.dataId,
-          isFluid = _props.isFluid;
-
-      return React.createElement(
-        'div',
-        {
-          className: style.container + ' ' + className + ' ' + (!isFluid ? style.fluid : '') + ' ',
-          'data-id': dataId
-        },
-        children,
-        title ? React.createElement(
-          'div',
-          { className: style.title },
-          title
-        ) : null,
-        description ? React.createElement(
-          'div',
-          { className: style.desc + ' ' + style.linkWrapper },
-          description
-        ) : null,
-        linkDescription || linkText ? React.createElement(
-          'div',
-          { className: style.linkWrapper },
-          linkDescription ? React.createElement(
-            'span',
-            { className: style.linkDesc },
-            linkDescription
-          ) : null,
-          linkText ? React.createElement(
-            Link,
-            {
-              href: linkUrl,
-              className: style.link,
-              target: linkTarget,
-              onClick: onUrlClick
-            },
-            linkText
-          ) : null
-        ) : null,
-        buttonText ? React.createElement(Button, {
-          className: style.btnWrapper,
-          text: buttonText,
-          disabled: buttonDisabled,
-          onClick: onButtonClick,
-          palette: buttonPalette,
-          size: buttonSize
-        }) : null
-      );
-    }
-  }]);
-
-  return CommonEmptyState;
-}(Component);
-
-export default CommonEmptyState;
-
-
-CommonEmptyState.propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  linkUrl: PropTypes.string,
-  linkText: PropTypes.string,
-  linkTarget: PropTypes.oneOf(['_blank', '_self']),
-  onUrlClick: PropTypes.func,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  linkDescription: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  buttonPalette: PropTypes.oneOf(['plainPrimary', 'plainSecondary', 'primary', 'primaryFilled', 'danger', 'dangerFilled', 'secondary', 'secondaryFilled', 'successFilled', 'info']),
-  buttonSize: PropTypes.oneOf(['small', 'medium', 'large', 'xlarge']),
-  buttonDisabled: PropTypes.bool,
-  dataId: PropTypes.string,
-  isFluid: PropTypes.bool
-};
-
-CommonEmptyState.defaultProps = {
-  linkTarget: '_self',
-  buttonPalette: 'primaryFilled',
-  className: '',
-  linkUrl: '#',
-  dataId: 'emptyState',
-  isFluid: false
-};
-
-if (false) {
-  CommonEmptyState.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

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

@@ -1,34 +0,0 @@
-.container {
-  text-align: center;
-  margin: 0 auto;
-}
-.fluid {
-  max-width: var(--zd_size450);
-}
-.title {
-  font-size: var(--zd_size16);
-  font-family: var(--zd_semibold);
-  color: var(--dot_text_bunker);
-}
-.linkWrapper {
-  font-size: var(--zd_size12);
-  margin-top: var(--zd_size14);
-}
-.desc,
-.linkDesc {
-  color: var(--dot_text_shuttleGrey);
-}
-[dir=ltr] .linkDesc {
-  margin-right: var(--zd_size4);
-}
-[dir=rtl] .linkDesc {
-  margin-left: var(--zd_size4);
-}
-.link {
-  color: var(--dot_text_primary);
-  display: inline-block;
-  cursor: pointer;
-}
-.btnWrapper {
-  margin-top: var(--zd_size18);
-}

package/es/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js

@@ -1,85 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import CommonEmptyState from '../CommonEmptyState';
-import EmptySearch from '@zohodesk/svg/lib/svg/EmptySearch';
-import EmptyAccounts from '@zohodesk/svg/lib/svg/EmptyAccounts';
-import style from '../CommonEmptyState.module.css';
-
-var CommonEmptyState__default = function (_Component) {
-  _inherits(CommonEmptyState__default, _Component);
-
-  function CommonEmptyState__default() {
-    _classCallCheck(this, CommonEmptyState__default);
-
-    return _possibleConstructorReturn(this, (CommonEmptyState__default.__proto__ || _Object$getPrototypeOf(CommonEmptyState__default)).apply(this, arguments));
-  }
-
-  _createClass(CommonEmptyState__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        React.Fragment,
-        null,
-        React.createElement(
-          'div',
-          { style: { "margin": "var(--zd_size60) 0" } },
-          React.createElement(
-            CommonEmptyState,
-            {
-              title: 'No Accounts Found',
-              linkDescription: 'There is no Account found in this Contact.',
-              linkText: 'learn more',
-              linkUrl: '#'
-            },
-            React.createElement(EmptyAccounts, null)
-          )
-        ),
-        React.createElement(
-          'div',
-          { style: { "margin": "var(--zd_size60) 0" } },
-          React.createElement(
-            CommonEmptyState,
-            {
-              title: 'No Accounts Found',
-              description: 'There are no views matching the keyword.',
-              linkDescription: 'Search in',
-              linkText: 'Archived views',
-              linkUrl: '#',
-              className: style.wrapper
-            },
-            React.createElement(EmptySearch, { size: 'small' })
-          )
-        ),
-        React.createElement(
-          'div',
-          { style: { "margin": "var(--zd_size60) 0" } },
-          React.createElement(
-            CommonEmptyState,
-            {
-              title: 'No Accounts Found',
-              description: 'There are no views matching the keyword.',
-              buttonText: 'click here',
-              className: style.wrapper
-            },
-            React.createElement(EmptySearch, { size: 'small' })
-          )
-        )
-      );
-    }
-  }]);
-
-  return CommonEmptyState__default;
-}(Component);
-
-export default CommonEmptyState__default;
-
-
-if (false) {
-  CommonEmptyState__default.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/es/emptystate/EditionPage/EditionPage.css

@@ -1,43 +0,0 @@
-.editionContainer {
-  text-align: center;
-}
-.svg {
-  margin-top: var(--zd_size140);
-}
-.header {
-  font-size: var(--zd_size20);
-  font-family: var(--zd_semibold);
-  margin-top: var(--zd_size16);
-}
-.description {
-  font-size: var(--zd_size15);
-  font-family: var(--zd_semibold);
-  margin: var(--zd_size20) 0;
-}
-.content {
-  margin: var(--zd_size10) 0;
-}
-.footer {
-  font-size: var(--zd_size13);
-  position: relative;
-  display: inline-block;
-  margin: var(--zd_size10) 0 var(--zd_size80) 0;
-}
-.footer::before {
-  content: '';
-  position: absolute;
-  top: calc(var(--zd_size10) * -1);
-  border-top: var(--zd_size1) solid var(--zd_text_smoke5);
-}
-[dir=ltr] .footer::before {
-  left: calc(var(--zd_size20) * -1);
-  right: calc(var(--zd_size20) * -1);
-}
-[dir=rtl] .footer::before {
-  right: calc(var(--zd_size20) * -1);
-  left: calc(var(--zd_size20) * -1);
-}
-.button {
-  color: var(--dot_text_primary);
-  cursor: pointer;
-}

package/es/emptystate/EditionPage/EditionPage.js

@@ -1,100 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import { PropTypes } from 'prop-types';
-import EmptyEdition from '@zohodesk/svg/lib/svg/EmptyEdition';
-import style from './EditionPage.css';
-
-var EditionPage = function (_Component) {
-  _inherits(EditionPage, _Component);
-
-  function EditionPage(props) {
-    _classCallCheck(this, EditionPage);
-
-    return _possibleConstructorReturn(this, (EditionPage.__proto__ || _Object$getPrototypeOf(EditionPage)).call(this, props));
-  }
-
-  _createClass(EditionPage, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          title = _props.title,
-          subtitle = _props.subtitle,
-          information = _props.information,
-          dataId = _props.dataId,
-          footerText = _props.footerText,
-          onButtonClick = _props.onButtonClick,
-          butttonText = _props.butttonText,
-          children = _props.children;
-
-      return React.createElement(
-        'div',
-        { className: style.editionContainer, 'data-id': dataId },
-        React.createElement(
-          'div',
-          { className: style.svg },
-          React.createElement(EmptyEdition, null)
-        ),
-        React.createElement(
-          'div',
-          { className: style.header },
-          title
-        ),
-        subtitle ? React.createElement(
-          'div',
-          { className: style.description },
-          subtitle
-        ) : null,
-        React.createElement(
-          'div',
-          { className: style.description },
-          information ? information + ' ' : null,
-          butttonText ? React.createElement(
-            'span',
-            {
-              className: style.button,
-              'data-id': dataId + '_button',
-              onClick: onButtonClick
-            },
-            butttonText
-          ) : null
-        ),
-        children ? React.createElement(
-          'div',
-          { className: style.content },
-          children
-        ) : null,
-        footerText ? React.createElement(
-          'div',
-          { 'data-id': dataId + '_footerText', className: style.footer },
-          React.createElement('div', { dangerouslySetInnerHTML: { __html: footerText } })
-        ) : null
-      );
-    }
-  }]);
-
-  return EditionPage;
-}(Component);
-
-export default EditionPage;
-
-EditionPage.defaultProps = {
-  title: '',
-  subtitle: '',
-  dataId: 'edition'
-};
-EditionPage.propTypes = {
-  subTitle: PropTypes.string,
-  title: PropTypes.string,
-  dataId: PropTypes.string,
-  footerText: PropTypes.string
-};
-
-if (false) {
-  EditionPage.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

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

@@ -1,42 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-import React, { Component } from 'react';
-import EditionPage from '../EditionPage';
-
-var EditionPage__default = function (_Component) {
-  _inherits(EditionPage__default, _Component);
-
-  function EditionPage__default() {
-    _classCallCheck(this, EditionPage__default);
-
-    return _possibleConstructorReturn(this, (EditionPage__default.__proto__ || _Object$getPrototypeOf(EditionPage__default)).apply(this, arguments));
-  }
-
-  _createClass(EditionPage__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(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'
-      });
-    }
-  }]);
-
-  return EditionPage__default;
-}(Component);
-
-export default EditionPage__default;
-
-
-if (false) {
-  EditionPage__default.docs = {
-    componentGroup: 'EmptyState'
-  };
-}

package/es/errorstate/EmptyStates.module.css

@@ -1,45 +0,0 @@
-.container {
-  text-align: center;
-  padding-top: var(--zd_size80);
-  background-color: var(--dot_bg_white);
-}
-.top {
-  z-index: 1;
-}
-.header {
-  min-width: var(--zd_size400);
-  display: inline-block;
-  margin: 0 auto;
-}
-[dir=ltr] .header {
-  text-align: left;
-}
-[dir=rtl] .header {
-  text-align: right;
-}
-
-.title {
-  font-family: var(--zd_semibold);
-  font-size: var(--zd_size50);
-  letter-spacing: var(--zd_size1);
-  line-height: var(--zd_size70);
-  margin-bottom: var(--zd_size5);
-}
-.subtitle {
-  font-size: var(--zd_size30);
-}
-.title,
-.subtitle {
-  color: var(--zd_text_dark3);
-}
-
-.footer {
-  min-width: var(--zd_size400);
-  display: inline-block;
-  text-align: center;
-  margin: 0 auto;
-}
-.btmText {
-  font-size: var(--zd_size14);
-  margin-bottom: var(--zd_size10);
-}

package/es/errorstate/Inconvenience/Inconvenience.js

@@ -1,87 +0,0 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
-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/Inconvenience';
-import commonStyle from '../EmptyStates.module.css';
-import style from './Inconvenience.module.css';
-
-var Inconvenience = function (_React$Component) {
-  _inherits(Inconvenience, _React$Component);
-
-  function Inconvenience() {
-    _classCallCheck(this, Inconvenience);
-
-    return _possibleConstructorReturn(this, (Inconvenience.__proto__ || _Object$getPrototypeOf(Inconvenience)).apply(this, arguments));
-  }
-
-  _createClass(Inconvenience, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          title = _props.title,
-          subtitle = _props.subtitle,
-          description = _props.description,
-          urlText = _props.urlText,
-          url = _props.url,
-          onClick = _props.onClick;
-
-      return React.createElement(
-        Container,
-        { className: '' + commonStyle.container },
-        React.createElement(
-          Box,
-          { className: commonStyle.top },
-          title ? React.createElement(
-            'div',
-            { className: commonStyle.title },
-            title
-          ) : null,
-          subtitle ? React.createElement(
-            'div',
-            { className: commonStyle.subtitle },
-            subtitle
-          ) : null
-        ),
-        React.createElement(
-          Box,
-          { className: style.imageContainer },
-          React.createElement(InconvenienceSVG, { isFluid: true })
-        ),
-        React.createElement(
-          Box,
-          { className: commonStyle.footer },
-          React.createElement(
-            'div',
-            { className: commonStyle.btmText },
-            description
-          ),
-          React.createElement(LinkText, { text: urlText, href: url, onClick: onClick })
-        )
-      );
-    }
-  }]);
-
-  return Inconvenience;
-}(React.Component);
-
-export default Inconvenience;
-
-Inconvenience.propTypes = {
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-if (false) {
-  Inconvenience.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/Inconvenience/Inconvenience.module.css

@@ -1,9 +0,0 @@
-.imageContainer {
-  height: var(--zd_size400);
-  margin-top: calc(var(--zd_size35) * -1);
-  margin-bottom: var(--zd_size20);
-}[dir=ltr] .imageContainer {
-  margin-left: calc(var(--zd_size30) * -1);
-}[dir=rtl] .imageContainer {
-  margin-right: calc(var(--zd_size30) * -1);
-}