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

package/es/list/UserTime/UserTime.js

@@ -1,112 +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 Icon from '@zohodesk/icons/lib/Icon';
-import { Box } from '@zohodesk/components/lib/Layout';
-import { UserTimeDiffFormat } from '@zohodesk/i18n';
-
-import style from './UserTime.module.css';
-
-var UserTime = function (_Component) {
-  _inherits(UserTime, _Component);
-
-  function UserTime(props) {
-    _classCallCheck(this, UserTime);
-
-    return _possibleConstructorReturn(this, (UserTime.__proto__ || _Object$getPrototypeOf(UserTime)).call(this, props));
-  }
-
-  _createClass(UserTime, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          icon = _props.icon,
-          iconColor = _props.iconColor,
-          to = _props.to,
-          today = _props.today,
-          yesterday = _props.yesterday,
-          tomorrow = _props.tomorrow,
-          others = _props.others,
-          ago = _props.ago,
-          later = _props.later,
-          format = _props.format,
-          title = _props.title,
-          textClass = _props.textClass,
-          iconClass = _props.iconClass,
-          containerClass = _props.containerClass,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        'div',
-        {
-          className: style.container + ' ' + (containerClass ? containerClass : ''),
-          'data-title': title,
-          'data-id': dataId
-        },
-        icon && React.createElement(
-          Box,
-          { className: '' + style[iconColor] },
-          icon === 'closedTime' ? React.createElement(Icon, {
-            iconClass: style.iconStyle + ' ' + style.closedTime + ' ' + style.f8 + ' ' + (iconClass ? iconClass : ''),
-            name: 'ZD-closedtime1'
-          }) : icon === 'overdue' ? React.createElement(Icon, {
-            name: 'ZD-overdue',
-            iconClass: style.iconStyle + ' ' + style.f8 + ' ' + (iconClass ? iconClass : '')
-          }) : icon === 'createdTime' ? React.createElement(Icon, {
-            name: 'ZD-createdtime2',
-            iconClass: style.iconStyle + ' ' + style.f8 + ' ' + (iconClass ? iconClass : '')
-          }) : icon === 'completedTask' ? React.createElement(Icon, {
-            iconClass: style.iconStyle + ' ' + style.f8 + ' ' + style.completedTask + ' ' + (iconClass ? iconClass : ''),
-            name: 'ZD-completedTask1'
-          }) : React.createElement(Icon, {
-            name: 'ZD-dueTime',
-            iconClass: style.iconStyle + ' ' + style.f8 + ' ' + (iconClass ? iconClass : '')
-          })
-        ),
-        React.createElement(
-          Box,
-          { flexible: true },
-          React.createElement(UserTimeDiffFormat, {
-            ago: ago,
-            className: style.textStyle + ' ' + (textClass ? textClass : ''),
-            format: format,
-            later: later,
-            to: to
-          })
-        )
-      );
-    }
-  }]);
-
-  return UserTime;
-}(Component);
-
-export default UserTime;
-
-UserTime.propTypes = {
-  ago: PropTypes.string,
-  containerClass: PropTypes.string,
-  dataId: PropTypes.dtring,
-  format: PropTypes.func,
-  icon: PropTypes.oneOf(['closedTime', 'overdue', 'createdTime', 'completedTask', 'dueTime']),
-  iconClass: PropTypes.string,
-  iconColor: PropTypes.oneOf(['red', 'green', 'orange', 'gray']),
-  later: PropTypes.string,
-  others: PropTypes.func,
-  textClass: PropTypes.string,
-  title: PropTypes.string,
-  to: PropTypes.string,
-  today: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
-  tomorrow: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
-  yesterday: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func])
-};
-if (false) {
-  UserTime.docs = {
-    folderName: 'List',
-    componentGroup: 'UserTime'
-  };
-}

package/es/list/UserTime/UserTime.module.css

@@ -1,49 +0,0 @@
-.container {
-  composes: inlineFlex from '../listCommon.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100%;
-}
-.f8 {
-  font-size: var(--zd_size8);
-}
-.f9 {
-  font-size: var(--zd_size9);
-}
-.closedTime span:last-child:before,
-.completedTask span:first-child:before {
-  color: inherit;
-}
-.closedTime span:first-child:before {
-  color: var(--zd_text_olive10);
-}
-.textStyle {
-  font-size: var(--zd_size11);
-  color: var(--dot_text_shuttleGrey);
-  display: block;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.iconStyle {
-  display: block;
-}
-
-[dir=ltr] .iconStyle {
-  margin-right: var(--zd_size3);
-}
-
-[dir=rtl] .iconStyle {
-  margin-left: var(--zd_size3);
-}
-/* colors */
-.red {
-  color: var(--dot_text_brightRed);
-}
-.green {
-  color: var(--dot_text_strongGreen);
-}
-.orange {
-  color: var(--dot_text_vividOrange);
-}
-.gray {
-  color: var(--dot_text_shuttleGrey);
-}

package/es/list/UserTime/docs/UserTime__default.docs.js

@@ -1,172 +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 UserTime from '../UserTime';
-import { I18NProvider } from '@zohodesk/i18n';
-
-var UserTime__default = function (_Component) {
-  _inherits(UserTime__default, _Component);
-
-  function UserTime__default(props) {
-    _classCallCheck(this, UserTime__default);
-
-    return _possibleConstructorReturn(this, (UserTime__default.__proto__ || _Object$getPrototypeOf(UserTime__default)).call(this, props));
-  }
-
-  _createClass(UserTime__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        I18NProvider,
-        { timeZone: 'Asia/Calcutta' },
-        React.createElement(
-          'div',
-          null,
-          React.createElement(
-            'div',
-            { style: { margin: '10px' } },
-            React.createElement(UserTime, {
-              to: '2018-02-28T10:12:31.000Z',
-              icon: 'closedTime',
-              format: function format(_ref) {
-                var years = _ref.years,
-                    days = _ref.days,
-                    months = _ref.months,
-                    hours = _ref.hours;
-
-                if (years == 0 && days == 0 && months == 0) {
-                  return 'hh:mm A';
-                } else if (years == 0 && days < 7 && months == 0) {
-                  return 'ddd DD MMM';
-                } else if (years == 0 && months > 1) {
-                  return 'DD MMM';
-                }
-                return 'DD MMM YYYY';
-              },
-              ago: 'ago',
-              later: 'late'
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { margin: '10px' } },
-            React.createElement(UserTime, {
-              to: '2018-02-28T10:12:31.000Z',
-              icon: 'overdue',
-              iconColor: 'red',
-              format: function format(_ref2) {
-                var years = _ref2.years,
-                    days = _ref2.days,
-                    months = _ref2.months,
-                    hours = _ref2.hours;
-
-                if (years == 0 && days == 0 && months == 0) {
-                  return 'hh:mm A';
-                } else if (years == 0 && days < 7 && months == 0) {
-                  return 'ddd DD MMM';
-                } else if (years == 0 && months > 1) {
-                  return 'DD MMM';
-                }
-                return 'DD MMM YYYY';
-              },
-              ago: 'ago',
-              later: 'late'
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { margin: '10px' } },
-            React.createElement(UserTime, {
-              to: '2018-02-28T10:12:31.000Z',
-              icon: 'createdtime',
-              iconColor: 'green',
-              format: function format(_ref3) {
-                var years = _ref3.years,
-                    days = _ref3.days,
-                    months = _ref3.months,
-                    hours = _ref3.hours;
-
-                if (years == 0 && days == 0 && months == 0) {
-                  return 'hh:mm A';
-                } else if (years == 0 && days < 7 && months == 0) {
-                  return 'ddd DD MMM';
-                } else if (years == 0 && months > 1) {
-                  return 'DD MMM';
-                }
-                return 'DD MMM YYYY';
-              },
-              ago: 'ago',
-              later: 'late'
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { margin: '10px' } },
-            React.createElement(UserTime, {
-              to: '2018-02-28T10:12:31.000Z',
-              icon: 'completedTask',
-              format: function format(_ref4) {
-                var years = _ref4.years,
-                    days = _ref4.days,
-                    months = _ref4.months,
-                    hours = _ref4.hours;
-
-                if (years == 0 && days == 0 && months == 0) {
-                  return 'hh:mm A';
-                } else if (years == 0 && days < 7 && months == 0) {
-                  return 'ddd DD MMM';
-                } else if (years == 0 && months > 1) {
-                  return 'DD MMM';
-                }
-                return 'DD MMM YYYY';
-              },
-              ago: 'ago',
-              later: 'late'
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { margin: '10px' } },
-            React.createElement(UserTime, {
-              to: '2018-02-28T10:12:31.000Z',
-              icon: 'dueTime',
-              iconColor: 'orange',
-              format: function format(_ref5) {
-                var years = _ref5.years,
-                    days = _ref5.days,
-                    months = _ref5.months,
-                    hours = _ref5.hours;
-
-                if (years == 0 && days == 0 && months == 0) {
-                  return 'hh:mm A';
-                } else if (years == 0 && days < 7 && months == 0) {
-                  return 'ddd DD MMM';
-                } else if (years == 0 && months > 1) {
-                  return 'DD MMM';
-                }
-                return 'DD MMM YYYY';
-              },
-              ago: 'ago',
-              later: 'late'
-            })
-          )
-        )
-      );
-    }
-  }]);
-
-  return UserTime__default;
-}(Component);
-
-export default UserTime__default;
-
-if (false) {
-  UserTime__default.docs = {
-    folderName: 'List',
-    componentGroup: 'UserTime'
-  };
-}

package/es/list/listCommon.module.css

@@ -1,92 +0,0 @@
-.inlineBlockMiddle {
-  display: inline-block;
-  vertical-align: middle;
-}
-.inlineFlex {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .avatarMargin {
-  margin-right: var(--zd_size25);
-}
-[dir=rtl] .avatarMargin {
-  margin-left: var(--zd_size25);
-}
-
-.subject {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  font-size: var(--zd_size16);
-}
-.secondaryText {
-  font-size: var(--zd_size12);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100%;
-  cursor: pointer;
-}
-.blueText {
-  composes: secondaryText;
-  color: var(--zd_text_primary);
-  composes: inlineBlockMiddle;
-}
-.linkText {
-  composes: secondaryText;
-  color: var(--dot_text_shuttleGrey);
-  display: block;
-}
-.linkText:hover {
-  color: var(--zd_text_primary);
-}
-.secondaryPanel {
-  min-height: var(--zd_size21);
-  line-height: var(--zd_size18);
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexwrap from '~@zohodesk/components/lib/common/common.module.css';
-}
-.classic .floatingIconContainer {
-  display: none;
-}
-.compact .floatingIconContainer,
-.superCompact .floatingIconContainer,
-.listContainer:hover .classic .floatingIconContainer {
-  display: inline-flex;
-  align-items: center;
-}
-.compact .floatingIconContainer,
-.superCompact .floatingIconContainer {
-  opacity: 0;
-  visibility: hidden;
-}
-.floatingIcons {
-  font-size: var(--zd_size13);
-}
-.listContainer {
-  position: relative;
-  transition: 0.5s all ease;
-}
-.listContainer:hover .compact .floatingIconContainer,
-.listContainer:hover .superCompact .floatingIconContainer {
-  opacity: 1;
-  visibility: visible;
-}
-.assignPopup {
-  composes: inlineBlockMiddle;
-}
-.default {
-  color: var(--zd_text_smoke18);
-}
-.primary {
-  color: var(--zd_text_olive6);
-}
-.danger {
-  color: var(--zd_text_danger);
-}
-.statusColumn {
-  composes: inlineBlockMiddle;
-}
-[dir=ltr] .statusColumn {
-  text-align: right;
-}
-[dir=rtl] .statusColumn {
-  text-align: left;
-}

package/es/lookup/EmptyPage/EmptyPage.js

@@ -1,89 +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';
-/*** Libraries ***/
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import EmptySearch from '@zohodesk/svg/lib/svg/EmptySearch';
-import EmptyAccounts from '@zohodesk/svg/lib/svg/EmptyAccounts';
-import EmptyContact from '@zohodesk/svg/lib/svg/EmptyContact';
-import EmptyProducts from '@zohodesk/svg/lib/svg/EmptyProducts';
-/*** CSS ***/
-import style from './LookupEmptyPage.module.css';
-
-var EmptyPage = function (_Component) {
-  _inherits(EmptyPage, _Component);
-
-  function EmptyPage(props) {
-    _classCallCheck(this, EmptyPage);
-
-    var _this = _possibleConstructorReturn(this, (EmptyPage.__proto__ || _Object$getPrototypeOf(EmptyPage)).call(this, props));
-
-    _this.renderEmptyState = _this.renderEmptyState.bind();
-    return _this;
-  }
-
-  _createClass(EmptyPage, [{
-    key: 'renderEmptyState',
-    value: function renderEmptyState(type) {
-      switch (type) {
-        case 'search':
-          return React.createElement(EmptySearch, { className: style.image });
-
-        case 'account':
-          return React.createElement(EmptyAccounts, { className: style.image });
-
-        case 'contact':
-          return React.createElement(EmptyContact, { className: style.image });
-
-        case 'product':
-          return React.createElement(EmptyProducts, { className: style.image });
-
-        default:
-          return null;
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          type = _props.type,
-          title = _props.title;
-
-      return React.createElement(
-        'div',
-        { className: style.container, 'data-id': 'empty_' + type },
-        this.renderEmptyState(type),
-        React.createElement(
-          'div',
-          { className: style.contentDiv },
-          title
-        )
-      );
-    }
-  }]);
-
-  return EmptyPage;
-}(Component);
-
-export default EmptyPage;
-
-
-EmptyPage.propTypes = {
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['search', 'account', 'contact', 'product'])
-};
-
-EmptyPage.defaultProps = {
-  title: 'No Results Found',
-  type: 'search'
-};
-
-if (false) {
-  EmptyPage.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/EmptyPage/LookupEmptyPage.module.css

@@ -1,12 +0,0 @@
-.container {
-  text-align: center;
-}
-.image {
-  margin: var(--zd_size20) auto;
-}
-.contentDiv {
-  font-size: var(--zd_size20);
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  margin-top: var(--zd_size15);
-}

package/es/lookup/EmptyPage/docs/EmptyPage__account.docs.js

@@ -1,38 +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';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import EmptyPage from '../EmptyPage';
-
-var EmptyPage__account = function (_Component) {
-  _inherits(EmptyPage__account, _Component);
-
-  function EmptyPage__account() {
-    _classCallCheck(this, EmptyPage__account);
-
-    return _possibleConstructorReturn(this, (EmptyPage__account.__proto__ || _Object$getPrototypeOf(EmptyPage__account)).apply(this, arguments));
-  }
-
-  _createClass(EmptyPage__account, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(EmptyPage, { type: 'account', title: 'No Accounts Found' });
-    }
-  }]);
-
-  return EmptyPage__account;
-}(Component);
-
-export default EmptyPage__account;
-
-
-if (false) {
-  EmptyPage__account.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/EmptyPage/docs/EmptyPage__contact.docs.js

@@ -1,38 +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';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import EmptyPage from '../EmptyPage';
-
-var EmptyPage__contact = function (_Component) {
-  _inherits(EmptyPage__contact, _Component);
-
-  function EmptyPage__contact() {
-    _classCallCheck(this, EmptyPage__contact);
-
-    return _possibleConstructorReturn(this, (EmptyPage__contact.__proto__ || _Object$getPrototypeOf(EmptyPage__contact)).apply(this, arguments));
-  }
-
-  _createClass(EmptyPage__contact, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(EmptyPage, { type: 'contact', title: 'No Contacts Found' });
-    }
-  }]);
-
-  return EmptyPage__contact;
-}(Component);
-
-export default EmptyPage__contact;
-
-
-if (false) {
-  EmptyPage__contact.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/EmptyPage/docs/EmptyPage__default.docs.js

@@ -1,37 +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';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import EmptyPage from '../EmptyPage';
-
-var EmptyPage__default = function (_Component) {
-  _inherits(EmptyPage__default, _Component);
-
-  function EmptyPage__default() {
-    _classCallCheck(this, EmptyPage__default);
-
-    return _possibleConstructorReturn(this, (EmptyPage__default.__proto__ || _Object$getPrototypeOf(EmptyPage__default)).apply(this, arguments));
-  }
-
-  _createClass(EmptyPage__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(EmptyPage, null);
-    }
-  }]);
-
-  return EmptyPage__default;
-}(Component);
-
-export default EmptyPage__default;
-
-if (false) {
-  EmptyPage__default.docs = {
-    componentGroup: 'Lookup'
-  };
-}

package/es/lookup/EmptyPage/docs/EmptyPage__product.docs.js

@@ -1,38 +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';
-/*** Libraries ***/
-import React, { Component } from 'react';
-
-/*** Components ***/
-import EmptyPage from '../EmptyPage';
-
-var EmptyPage__product = function (_Component) {
-  _inherits(EmptyPage__product, _Component);
-
-  function EmptyPage__product() {
-    _classCallCheck(this, EmptyPage__product);
-
-    return _possibleConstructorReturn(this, (EmptyPage__product.__proto__ || _Object$getPrototypeOf(EmptyPage__product)).apply(this, arguments));
-  }
-
-  _createClass(EmptyPage__product, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(EmptyPage, { type: 'product', title: 'No Products Found' });
-    }
-  }]);
-
-  return EmptyPage__product;
-}(Component);
-
-export default EmptyPage__product;
-
-
-if (false) {
-  EmptyPage__product.docs = {
-    componentGroup: 'Lookup'
-  };
-}