@zohodesk/dot 1.0.0-beta.25 → 1.0.0-beta.250

package/es/avatar/AvatarIcon/docs/AvatarIcon__palette.docs.js

@@ -1,54 +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 AvatarIcon from '../AvatarIcon';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-var AvatarIcon__palette = function (_React$Component) {
-  _inherits(AvatarIcon__palette, _React$Component);
-
-  function AvatarIcon__palette(props) {
-    _classCallCheck(this, AvatarIcon__palette);
-
-    return _possibleConstructorReturn(this, (AvatarIcon__palette.__proto__ || _Object$getPrototypeOf(AvatarIcon__palette)).call(this, props));
-  }
-
-  _createClass(AvatarIcon__palette, [{
-    key: 'render',
-    value: function render() {
-      var palettes = ['default', 'primary', 'success', 'danger'];
-      return React.createElement(
-        'div',
-        null,
-        palettes.map(function (palette, i) {
-          return React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop, key: palette },
-            React.createElement(AvatarIcon, {
-              name: 'ZD-feedback',
-              size: 'medium',
-              palette: palette,
-              title: 'Title'
-            })
-          );
-        })
-      );
-    }
-  }]);
-
-  return AvatarIcon__palette;
-}(React.Component);
-
-export default AvatarIcon__palette;
-
-
-if (false) {
-  AvatarIcon__palette.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarIcon/docs/AvatarIcon__size.docs.js

@@ -1,49 +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 AvatarIcon from '../AvatarIcon';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-var AvatarIcon__size = function (_React$Component) {
-  _inherits(AvatarIcon__size, _React$Component);
-
-  function AvatarIcon__size(props) {
-    _classCallCheck(this, AvatarIcon__size);
-
-    return _possibleConstructorReturn(this, (AvatarIcon__size.__proto__ || _Object$getPrototypeOf(AvatarIcon__size)).call(this, props));
-  }
-
-  _createClass(AvatarIcon__size, [{
-    key: 'render',
-    value: function render() {
-      var icons = [{ name: 'ZD-notifiExclamation', size: 'small' }, { name: 'ZD-newuser', size: 'xsmall' }, { name: 'ZD-feedback', size: 'medium' }, { name: 'ZD-kbessentialsendmessage', size: 'xmedium' }, { name: 'ZD-merge', size: 'large' }, { name: 'ZD-smilyGood', size: 'xlarge' }];
-      return React.createElement(
-        'div',
-        null,
-        icons.map(function (item, i) {
-          return React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop, key: i },
-            React.createElement(AvatarIcon, { name: item.name, size: item.size })
-          );
-        })
-      );
-    }
-  }]);
-
-  return AvatarIcon__size;
-}(React.Component);
-
-export default AvatarIcon__size;
-
-
-if (false) {
-  AvatarIcon__size.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarStatus/docs/AvatarStatus__size.docs.js

@@ -1,52 +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 AvatarStatus from '../AvatarStatus';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-var AvatarStatus__size = function (_React$Component) {
-  _inherits(AvatarStatus__size, _React$Component);
-
-  function AvatarStatus__size(props) {
-    _classCallCheck(this, AvatarStatus__size);
-
-    return _possibleConstructorReturn(this, (AvatarStatus__size.__proto__ || _Object$getPrototypeOf(AvatarStatus__size)).call(this, props));
-  }
-
-  _createClass(AvatarStatus__size, [{
-    key: 'render',
-    value: function render() {
-      var sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'];
-      return React.createElement(
-        'div',
-        null,
-        sizes.map(function (size) {
-          return React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop, key: size },
-            React.createElement(AvatarStatus, {
-              name: 'Bharathikannan',
-              size: size
-            })
-          );
-        })
-      );
-    }
-  }]);
-
-  return AvatarStatus__size;
-}(React.Component);
-
-export default AvatarStatus__size;
-
-
-if (false) {
-  AvatarStatus__size.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarStatus/docs/AvatarStatus__state.docs.js

@@ -1,75 +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 AvatarStatus from '../AvatarStatus';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-var AvatarStatus__state = function (_React$Component) {
-  _inherits(AvatarStatus__state, _React$Component);
-
-  function AvatarStatus__state(props) {
-    _classCallCheck(this, AvatarStatus__state);
-
-    return _possibleConstructorReturn(this, (AvatarStatus__state.__proto__ || _Object$getPrototypeOf(AvatarStatus__state)).call(this, props));
-  }
-
-  _createClass(AvatarStatus__state, [{
-    key: 'render',
-    value: function render() {
-      var states = ['online', 'offline', 'idle'];
-      return React.createElement(
-        'div',
-        null,
-        states.map(function (state) {
-          return React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop, key: state },
-            React.createElement(AvatarStatus, {
-              name: 'Bharathikannan',
-              size: 'xmedium',
-              state: state
-            })
-          );
-        })
-      );
-      /*return (
-        <div>
-            <span className={style.docspan + ' ' + style.vtop}>
-              <AvatarStatus
-              name="Bharathikannan"
-                size="xmedium" palette="primary" state='online'
-              />
-            </span>
-             <span className={style.docspan + ' ' + style.vtop}>
-              <AvatarStatus
-                name="Bharathikannan"
-                size="xmedium" palette="secondary" state='offline'
-              />
-            </span>
-             <span className={style.docspan + ' ' + style.vtop}>
-              <AvatarStatus
-              name="Bharathikannan"
-                size="xmedium" palette="primary" filled state='idle'
-              />
-            </span>
-            </div>
-      );*/
-    }
-  }]);
-
-  return AvatarStatus__state;
-}(React.Component);
-
-export default AvatarStatus__state;
-
-
-if (false) {
-  AvatarStatus__state.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarThread/docs/AvatarThread__default.docs.js

@@ -1,69 +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 AvatarThread from '../AvatarThread';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-var AvatarThread__default = function (_Component) {
-  _inherits(AvatarThread__default, _Component);
-
-  function AvatarThread__default(props) {
-    _classCallCheck(this, AvatarThread__default);
-
-    return _possibleConstructorReturn(this, (AvatarThread__default.__proto__ || _Object$getPrototypeOf(AvatarThread__default)).call(this, props));
-  }
-
-  _createClass(AvatarThread__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'span',
-        null,
-        React.createElement(
-          'div',
-          null,
-          React.createElement(
-            'span',
-            { className: style.docspan },
-            React.createElement(AvatarThread, {
-              name: 'Bharathikannan',
-              size: 'medium',
-              iconName: 'ZD-minus',
-              iconSize: '8',
-              iconColor: 'primary',
-              borderPalette: 'primary',
-              showOnHover: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan },
-            React.createElement(AvatarThread, {
-              src: 'https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb',
-              name: 'Bharathikannan',
-              size: 'medium',
-              iconName: 'ZD-emailIn',
-              iconSize: '10',
-              borderPalette: 'success'
-            })
-          )
-        )
-      );
-    }
-  }]);
-
-  return AvatarThread__default;
-}(Component);
-
-export default AvatarThread__default;
-
-
-if (false) {
-  AvatarThread__default.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}

package/es/avatar/AvatarUser/docs/AvatarUser__default.docs.js

@@ -1,146 +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 AvatarUser from '../AvatarUser';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-var AvatarUser__default = function (_React$Component) {
-  _inherits(AvatarUser__default, _React$Component);
-
-  function AvatarUser__default(props) {
-    _classCallCheck(this, AvatarUser__default);
-
-    return _possibleConstructorReturn(this, (AvatarUser__default.__proto__ || _Object$getPrototypeOf(AvatarUser__default)).call(this, props));
-  }
-
-  _createClass(AvatarUser__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          null,
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'small', isPaid: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'xsmall', isPaid: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'medium', isPaid: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'xmedium', isPaid: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'large', isPaid: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'xlarge', isPaid: true
-            })
-          )
-        ),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'small',
-              isPortal: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'xsmall', isPortal: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'medium', isPortal: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'xmedium', isPortal: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'large', isPortal: true
-            })
-          ),
-          React.createElement(
-            'span',
-            { className: style.docspan + ' ' + style.vtop },
-            React.createElement(AvatarUser, {
-              name: 'Bharathikannan',
-              size: 'xlarge', isPortal: true
-            })
-          )
-        )
-      );
-    }
-  }]);
-
-  return AvatarUser__default;
-}(React.Component);
-
-export default AvatarUser__default;
-
-
-if (false) {
-  AvatarUser__default.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

package/es/avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs.js

@@ -1,45 +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 AvatarWithTeam from '../AvatarWithTeam';
-
-var AvatarWithTeam__default = function (_React$Component) {
-  _inherits(AvatarWithTeam__default, _React$Component);
-
-  function AvatarWithTeam__default(props) {
-    _classCallCheck(this, AvatarWithTeam__default);
-
-    return _possibleConstructorReturn(this, (AvatarWithTeam__default.__proto__ || _Object$getPrototypeOf(AvatarWithTeam__default)).call(this, props));
-  }
-
-  _createClass(AvatarWithTeam__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(AvatarWithTeam, {
-          name: 'feedback',
-          src: 'https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg',
-          teamName: 'BK'
-        })
-      );
-    }
-  }]);
-
-  return AvatarWithTeam__default;
-}(React.Component);
-
-export default AvatarWithTeam__default;
-
-
-if (false) {
-  AvatarWithTeam__default.docs = {
-    componentGroup: 'Avatar Group',
-    description: ' '
-  };
-}

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/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'
-  };
-}