@zohodesk/dot 1.0.0-beta.27 → 1.0.0-beta.270

package/es/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs.js

@@ -1,39 +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 UnauthorizedLogin from '../UnauthorizedLogin';
-
-var UnauthorizedLogin__unauthorizedLogin = function (_React$Component) {
-  _inherits(UnauthorizedLogin__unauthorizedLogin, _React$Component);
-
-  function UnauthorizedLogin__unauthorizedLogin() {
-    _classCallCheck(this, UnauthorizedLogin__unauthorizedLogin);
-
-    return _possibleConstructorReturn(this, (UnauthorizedLogin__unauthorizedLogin.__proto__ || _Object$getPrototypeOf(UnauthorizedLogin__unauthorizedLogin)).apply(this, arguments));
-  }
-
-  _createClass(UnauthorizedLogin__unauthorizedLogin, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(UnauthorizedLogin, {
-        subtitle: 'Unathorized login! to the portal.',
-        description: 'Please try again later or report this issue ',
-        urlText: 'Enter your feedback'
-      });
-    }
-  }]);
-
-  return UnauthorizedLogin__unauthorizedLogin;
-}(React.Component);
-
-export default UnauthorizedLogin__unauthorizedLogin;
-
-if (false) {
-  UnauthorizedLogin__unauthorizedLogin.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/errorstate/WillBack/docs/WillBack__default.docs.js

@@ -1,41 +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 WillBack from '../WillBack';
-
-var WillBack__default = function (_React$Component) {
-  _inherits(WillBack__default, _React$Component);
-
-  function WillBack__default() {
-    _classCallCheck(this, WillBack__default);
-
-    return _possibleConstructorReturn(this, (WillBack__default.__proto__ || _Object$getPrototypeOf(WillBack__default)).apply(this, arguments));
-  }
-
-  _createClass(WillBack__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(WillBack, {
-        highlightText: 'Privileges ',
-        midText: 'to perform this operation.. ',
-        description: 'Please try again later or report this issue ',
-        title: ' Insufficient',
-        urlText: 'Enter your feedback'
-      });
-    }
-  }]);
-
-  return WillBack__default;
-}(React.Component);
-
-export default WillBack__default;
-
-if (false) {
-  WillBack__default.docs = {
-    componentGroup: 'errorStates'
-  };
-}

package/es/layout/SetupDetailLayout/docs/SetupDetailLayout__default.docs.js

@@ -1,79 +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 { SetupDetailLayout, SetupHeader, SetupFooter, SetupContent } from '../';
-import FormAction from '../../../FormAction/FormAction';
-
-var SetupDetailLayout__default = function (_React$Component) {
-  _inherits(SetupDetailLayout__default, _React$Component);
-
-  function SetupDetailLayout__default(props) {
-    _classCallCheck(this, SetupDetailLayout__default);
-
-    return _possibleConstructorReturn(this, (SetupDetailLayout__default.__proto__ || _Object$getPrototypeOf(SetupDetailLayout__default)).call(this, props));
-  }
-
-  _createClass(SetupDetailLayout__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        SetupDetailLayout,
-        { getHelpInfo: function getHelpInfo() {}, needHelpInfo: true },
-        React.createElement(SetupHeader, {
-          title: 'Setup',
-          getLeftPlaceHolder: function getLeftPlaceHolder() {
-            return React.createElement(
-              'p',
-              null,
-              'setupLeft'
-            );
-          },
-          getRightPlaceHolder: function getRightPlaceHolder() {
-            return React.createElement(
-              'p',
-              null,
-              'setupRight'
-            );
-          }
-        }),
-        React.createElement(
-          SetupContent,
-          null,
-          React.createElement(
-            'span',
-            null,
-            'Content'
-          )
-        ),
-        React.createElement(
-          SetupFooter,
-          null,
-          React.createElement(
-            FormAction,
-            { size: 'large' },
-            React.createElement(
-              'p',
-              null,
-              'Footer'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SetupDetailLayout__default;
-}(React.Component);
-
-export default SetupDetailLayout__default;
-
-if (false) {
-  SetupDetailLayout__default.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}

package/es/layout/SubtabLayout/docs/SubtabLayout__default.docs.js

@@ -1,191 +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 { SubtabLayout, SubtabHeader, SubtabContent } from '../';
-
-var SubtabLayout__default = function (_React$Component) {
-  _inherits(SubtabLayout__default, _React$Component);
-
-  function SubtabLayout__default(props) {
-    _classCallCheck(this, SubtabLayout__default);
-
-    var _this = _possibleConstructorReturn(this, (SubtabLayout__default.__proto__ || _Object$getPrototypeOf(SubtabLayout__default)).call(this, props));
-
-    _this.state = { needBorder: true, needShadow: false };
-    _this.onScroll = _this.onScroll.bind(_this);
-    _this.interval = null;
-    return _this;
-  }
-
-  _createClass(SubtabLayout__default, [{
-    key: 'onScroll',
-    value: function onScroll() {
-      var _this2 = this;
-
-      this.setState({ needBorder: true, needShadow: true });
-      this.interval = null;
-      var intern = setTimeout(function () {
-        clearInterval(_this2.interval);
-        _this2.setState({ needBorder: true, needShadow: false });
-      }, 500);
-      this.interval = intern;
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var boxStyle = {
-        padding: 'var(--zd_size21)'
-      };
-      var _state = this.state,
-          needShadow = _state.needShadow,
-          needBorder = _state.needBorder;
-
-
-      return React.createElement(
-        'div',
-        { style: { height: '100vh', width: '100%' } },
-        React.createElement(
-          SubtabLayout,
-          null,
-          React.createElement(SubtabHeader, { needShadow: needShadow, needBorder: needBorder }),
-          React.createElement(
-            SubtabContent,
-            null,
-            React.createElement(
-              'div',
-              {
-                onScroll: this.onScroll,
-                style: { height: '100%', width: '100%' }
-              },
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 2'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 3345'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              ),
-              React.createElement(
-                'div',
-                { style: boxStyle },
-                'box 1'
-              )
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SubtabLayout__default;
-}(React.Component);
-
-export default SubtabLayout__default;
-
-
-if (false) {
-  SubtabLayout__default.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}

package/es/list/AvatarFlip/docs/AvatarFlip__default.docs.js

@@ -1,308 +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 AvatarFlip from '../AvatarFlip';
-
-var AvatarFlip__default = function (_Component) {
-  _inherits(AvatarFlip__default, _Component);
-
-  function AvatarFlip__default(props) {
-    _classCallCheck(this, AvatarFlip__default);
-
-    return _possibleConstructorReturn(this, (AvatarFlip__default.__proto__ || _Object$getPrototypeOf(AvatarFlip__default)).call(this, props));
-  }
-
-  _createClass(AvatarFlip__default, [{
-    key: 'render',
-    value: function render() {
-      var channelList = ['EMAIL', 'FACEBOOK', 'FACEBOOK_DM', 'TWITTER', 'FORUMS', 'CHAT', 'OFFLINE_CHAT', 'ONLINE_CHAT', 'PHONE', 'WEB', 'CUSTOMERPORTAL', 'FEEDBACK'];
-      var header = {
-        display: 'flex',
-        borderBottom: '1px solid #e9ebec',
-        alignItems: 'center'
-      };
-      var column = {
-        flex: '1 300px',
-        paddingTop: '15px',
-        paddingBottom: '15px',
-        paddingLeft: '10px'
-      };
-      return React.createElement(
-        'div',
-        { style: { padding: '20px' } },
-        React.createElement(
-          'h2',
-          { style: { marginBottom: '10px' } },
-          'Task Module Icon'
-        ),
-        React.createElement(
-          'div',
-          { style: { display: 'flex' } },
-          React.createElement(
-            'div',
-            { style: { marginRight: '15px' } },
-            React.createElement(AvatarFlip, {
-              id: 'taskIcon',
-              noNeedFlip: false,
-              size: 'xmedium',
-              name: 'email',
-              icon: 'taskNone'
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { marginRight: '15px' } },
-            React.createElement(AvatarFlip, {
-              id: 'taskMeeting',
-              noNeedFlip: false,
-              size: 'xmedium',
-              name: 'email',
-              icon: 'taskMeeting'
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { marginRight: '15px' } },
-            React.createElement(AvatarFlip, {
-              id: 'taskCall',
-              noNeedFlip: false,
-              size: 'xmedium',
-              name: 'email',
-              icon: 'taskCall'
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { marginRight: '15px' } },
-            React.createElement(AvatarFlip, {
-              id: 'taskDemo',
-              noNeedFlip: false,
-              size: 'xmedium',
-              name: 'email',
-              icon: 'taskDemo'
-            })
-          )
-        ),
-        React.createElement(
-          'h2',
-          { style: { marginBottom: '10px', marginTop: '10px' } },
-          'Customers Module Icon'
-        ),
-        React.createElement(
-          'div',
-          { style: { display: 'flex' } },
-          React.createElement(
-            'div',
-            { style: { marginRight: '15px' } },
-            React.createElement(AvatarFlip, {
-              id: 'portalUser',
-              noNeedFlip: false,
-              size: 'xmedium',
-              name: 'Antro J',
-              isPortalUser: true
-            })
-          ),
-          React.createElement(
-            'div',
-            { style: { marginRight: '15px' } },
-            React.createElement(AvatarFlip, {
-              id: 'paidUser',
-              noNeedFlip: false,
-              size: 'xmedium',
-              name: 'Antro J',
-              isPaidUser: true
-            })
-          )
-        ),
-        React.createElement(
-          'h2',
-          { style: { marginBottom: '10px', marginTop: '10px' } },
-          'Ticket Channel Icons'
-        ),
-        React.createElement(
-          'div',
-          { style: { border: '1px solid #e9ebec' } },
-          React.createElement(
-            'div',
-            { style: header },
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'Channel'
-              )
-            ),
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'default'
-              )
-            ),
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'incoming'
-              )
-            ),
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'outgoing'
-              )
-            ),
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'draft'
-              )
-            ),
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'forward'
-              )
-            ),
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'forwardDraft'
-              )
-            ),
-            React.createElement(
-              'div',
-              { style: column },
-              React.createElement(
-                'b',
-                null,
-                'missed'
-              )
-            )
-          ),
-          channelList.map(function (data, index) {
-            return React.createElement(
-              'div',
-              { style: header, key: index },
-              React.createElement(
-                'div',
-                { style: column },
-                data.toLowerCase()
-              ),
-              React.createElement(
-                'div',
-                { style: column },
-                React.createElement(AvatarFlip, {
-                  channel: data.toLowerCase(),
-                  action: 'default',
-                  id: 'test' + index,
-                  size: 'xmedium',
-                  name: 'email'
-                })
-              ),
-              React.createElement(
-                'div',
-                { style: column },
-                React.createElement(AvatarFlip, {
-                  channel: data.toLowerCase(),
-                  action: 'incoming',
-                  id: 'test1' + index,
-                  size: 'xmedium',
-                  name: 'email'
-                })
-              ),
-              React.createElement(
-                'div',
-                { style: column },
-                React.createElement(AvatarFlip, {
-                  channel: data.toLowerCase(),
-                  action: 'outgoing',
-                  id: 'test2' + index,
-                  size: 'xmedium',
-                  name: 'email'
-                })
-              ),
-              React.createElement(
-                'div',
-                { style: column },
-                React.createElement(AvatarFlip, {
-                  channel: data.toLowerCase(),
-                  action: 'draft',
-                  id: 'test3' + index,
-                  size: 'xmedium',
-                  name: 'email'
-                })
-              ),
-              React.createElement(
-                'div',
-                { style: column },
-                React.createElement(AvatarFlip, {
-                  channel: data.toLowerCase(),
-                  action: 'forward',
-                  id: 'test4' + index,
-                  size: 'xmedium',
-                  name: 'email'
-                })
-              ),
-              React.createElement(
-                'div',
-                { style: column },
-                React.createElement(AvatarFlip, {
-                  channel: data.toLowerCase(),
-                  action: 'forwardDraft',
-                  id: 'test5' + index,
-                  size: 'xmedium',
-                  name: 'email'
-                })
-              ),
-              React.createElement(
-                'div',
-                { style: column },
-                React.createElement(AvatarFlip, {
-                  channel: data.toLowerCase(),
-                  action: 'missed',
-                  id: 'test6' + index,
-                  size: 'xmedium',
-                  name: 'email'
-                })
-              )
-            );
-          })
-        )
-      );
-    }
-  }]);
-
-  return AvatarFlip__default;
-}(Component);
-
-export default AvatarFlip__default;
-
-if (false) {
-  AvatarFlip__default.docs = {
-    folderName: 'List',
-    componentGroup: 'AvatarFlip'
-  };
-}

package/es/list/BluePrintStatus/docs/BluePrintStatus__default.docs.js

@@ -1,36 +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 BluePrintStatus from '../BluePrintStatus';
-
-var BluePrintStatus__default = function (_React$Component) {
-  _inherits(BluePrintStatus__default, _React$Component);
-
-  function BluePrintStatus__default(props) {
-    _classCallCheck(this, BluePrintStatus__default);
-
-    return _possibleConstructorReturn(this, (BluePrintStatus__default.__proto__ || _Object$getPrototypeOf(BluePrintStatus__default)).call(this, props));
-  }
-
-  _createClass(BluePrintStatus__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(BluePrintStatus, null);
-    }
-  }]);
-
-  return BluePrintStatus__default;
-}(React.Component);
-
-export default BluePrintStatus__default;
-
-if (false) {
-  BluePrintStatus__default.docs = {
-    componentGroup: ''
-  };
-}