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

package/lib/ChannelIcon/ChannelIcon.module.css

@@ -1,208 +0,0 @@
-.container {
-  position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-}
-.thread {
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignHorizontal from '~@zohodesk/components/lib/common/common.module.css';
-  position: absolute;
-  top: calc(var(--zd_size4) * -1);
-  height: var(--zd_size15);
-  width: var(--zd_size15);
-  background-color: var(--dot_bg_white);
-}
-[dir=ltr] .thread {
-  right: calc(var(--zd_size1) * -1);
-}
-[dir=rtl] .thread {
-  left: calc(var(--zd_size1) * -1);
-}
-.threadBorder {
-  border: 1px solid var(--zd_border_smoke18);
-}
-.iconStyle {
-  position: relative;
-  color: var(--dot_text_black);
-}
-
-/* Channel Icon Style */
-/* path */
-.email_incoming span:first-child:before,
-.email_outgoing span:first-child:before,
-.chat_outgoing span:first-child:before,
-.offline_chat_outgoing span:first-child:before,
-.online_chat_outgoing span:first-child:before,
-.email_forward span:first-child:before,
-.facebook_forward span:first-child:before,
-.twitter_forward span:first-child:before,
-.forums_forward span:first-child:before,
-.chat_forward span:first-child:before,
-.offline_chat_forward span:first-child:before,
-.online_chat_forward span:first-child:before,
-.phone_forward span:first-child:before,
-.web_forward span:first-child:before,
-.customerportal_forward span:first-child:before,
-.feedback_forward span:first-child:before,
-.email_forwardDraft span:first-child:before,
-.facebook_forwardDraft span:first-child:before,
-.twitter_forwardDraft span:first-child:before,
-.forums_forwardDraft span:first-child:before,
-.chat_forwardDraft span:first-child:before,
-.offline_chat_forwardDraft span:first-child:before,
-.online_chat_forwardDraft span:first-child:before,
-.phone_forwardDraft span:first-child:before,
-.web_forwardDraft span:first-child:before,
-.customerportal_forwardDraft span:first-child:before,
-.feedback_forwardDraft span:first-child:before,
-.email_missed span:first-child:before,
-.facebook_incoming span:first-child:before,
-.facebook_outgoing span:first-child:before,
-.facebook_missed span:first-child:before,
-.facebook_dm_default span:first-child:before,
-.facebook_dm_incoming span:first-child:before,
-.facebook_dm_outgoing span:first-child:before,
-.facebook_dm_draft span:first-child:before,
-.facebook_dm_forward span:first-child:before,
-.facebook_dm_forwardDraft span:first-child:before,
-.twitter_incoming span:first-child:before,
-.twitter_outgoing span:first-child:before,
-.twitter_missed span:first-child:before,
-.forums_incoming span:first-child:before,
-.forums_outgoing span:first-child:before,
-.forums_missed span:first-child:before,
-.chat_incoming span:first-child:before,
-.offline_chat_incoming span:first-child:before,
-.online_chat_incoming span:first-child:before,
-.chat_missed span:first-child:before,
-.offline_chat_missed span:first-child:before,
-.online_chat_missed span:first-child:before,
-.phone_incoming span:first-child:before,
-.phone_outgoing span:first-child:before,
-.phone_missed span:first-child:before,
-.feedback_default span:first-child:before,
-.feedback_incoming span:first-child:before,
-.web_incoming span:first-child:before,
-.customerportal_incoming span:first-child:before,
-.web_missed span:first-child:before,
-.customerportal_missed span:first-child:before,
-.feedback_missed span:first-child:before {
-  color: inherit;
-}
-
-/* Email */
-.email_default {
-  top: var(--zd_size1);
-}
-.email_incoming,
-.email_missed,
-.email_outgoing {
-  bottom: var(--zd_size2);
-}
-
-/* twitter */
-.twitter_incoming,
-.twitter_outgoing,
-.twitter_missed {
-  bottom: var(--zd_size1);
-}
-
-/* facebook */
-[dir=ltr] .facebook_incoming, [dir=ltr] .facebook_missed, [dir=ltr] .facebook_outgoing {
-  right: var(--zd_size2);
-}
-[dir=rtl] .facebook_incoming, [dir=rtl] .facebook_missed, [dir=rtl] .facebook_outgoing {
-  left: var(--zd_size2);
-}
-
-/* chat */
-.chat_incoming,
-.offline_chat_incoming,
-.online_chat_incoming,
-.chat_missed,
-.offline_chat_missed,
-.online_chat_missed,
-.chat_outgoing,
-.offline_chat_outgoing,
-.online_chat_outgoing {
-  bottom: var(--zd_size1);
-}
-
-/* forums */
-.forums_default {
-  top: var(--zd_size1);
-}
-
-/* feedback */
-.feedback_incoming,
-.feedback_missed,
-.feedback_out {
-  top: var(--zd_size1);
-}
-[dir=ltr] .feedback_incoming, [dir=ltr] .feedback_missed, [dir=ltr] .feedback_out {
-  right: var(--zd_size1);
-}
-[dir=rtl] .feedback_incoming, [dir=rtl] .feedback_missed, [dir=rtl] .feedback_out {
-  left: var(--zd_size1);
-}
-
-/* draft */
-.email_draft,
-.facebook_draft,
-.twitter_draft,
-.forums_draft,
-.chat_draft,
-.offline_chat_draft,
-.online_chat_draft,
-.phone_draft,
-.web_draft,
-.customerportal_draft,
-.feedback_draft {
-  top: var(--zd_size1);
-}
-[dir=ltr] .email_draft, [dir=ltr] .facebook_draft, [dir=ltr] .twitter_draft, [dir=ltr] .forums_draft, [dir=ltr] .chat_draft, [dir=ltr] .offline_chat_draft, [dir=ltr] .online_chat_draft, [dir=ltr] .phone_draft, [dir=ltr] .web_draft, [dir=ltr] .customerportal_draft, [dir=ltr] .feedback_draft {
-  left: var(--zd_size1);
-}
-[dir=rtl] .email_draft, [dir=rtl] .facebook_draft, [dir=rtl] .twitter_draft, [dir=rtl] .forums_draft, [dir=rtl] .chat_draft, [dir=rtl] .offline_chat_draft, [dir=rtl] .online_chat_draft, [dir=rtl] .phone_draft, [dir=rtl] .web_draft, [dir=rtl] .customerportal_draft, [dir=rtl] .feedback_draft {
-  right: var(--zd_size1);
-}
-
-/* forwardDraft */
-.email_forwarddraft,
-.facebook_forwarddraft,
-.twitter_forwarddraft,
-.forums_forwarddraft,
-.chat_forwarddraft,
-.offline_chat_forwarddraft,
-.online_chat_forwarddraft,
-.phone_forwarddraft,
-.web_forwarddraft,
-.customerportal_forwarddraft,
-.feedback_forwarddraft {
-  bottom: var(--zd_size1);
-}
-[dir=ltr] .email_forwarddraft, [dir=ltr] .facebook_forwarddraft, [dir=ltr] .twitter_forwarddraft, [dir=ltr] .forums_forwarddraft, [dir=ltr] .chat_forwarddraft, [dir=ltr] .offline_chat_forwarddraft, [dir=ltr] .online_chat_forwarddraft, [dir=ltr] .phone_forwarddraft, [dir=ltr] .web_forwarddraft, [dir=ltr] .customerportal_forwarddraft, [dir=ltr] .feedback_forwarddraft {
-  left: var(--zd_size1);
-}
-[dir=rtl] .email_forwarddraft, [dir=rtl] .facebook_forwarddraft, [dir=rtl] .twitter_forwarddraft, [dir=rtl] .forums_forwarddraft, [dir=rtl] .chat_forwarddraft, [dir=rtl] .offline_chat_forwarddraft, [dir=rtl] .online_chat_forwarddraft, [dir=rtl] .phone_forwarddraft, [dir=rtl] .web_forwarddraft, [dir=rtl] .customerportal_forwarddraft, [dir=rtl] .feedback_forwarddraft {
-  right: var(--zd_size1);
-}
-
-/* facebook_dm */
-[dir=ltr] .facebook_dm_default, [dir=ltr] .facebook_dm_incoming, [dir=ltr] .facebook_dm_outgoing, [dir=ltr] .facebook_dm_missed {
-  right: var(--zd_size2);
-}
-[dir=rtl] .facebook_dm_default, [dir=rtl] .facebook_dm_incoming, [dir=rtl] .facebook_dm_outgoing, [dir=rtl] .facebook_dm_missed {
-  left: var(--zd_size2);
-}
-
-/*Topic Icon colors*/
-.topic_olive {
-  color: var(--zd_text_olive);
-}
-
-.topic_yellow3 {
-  color: var(--zd_text_yellow3);
-}

package/lib/ChannelIcon/docs/ChannelIcon__default.docs.js

@@ -1,114 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ChannelIcon = require('../ChannelIcon');
-
-var _ChannelIcon2 = _interopRequireDefault(_ChannelIcon);
-
-var _ChannelIconMapping = require('../../utils/ChannelIconMapping');
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ChannelIcon__default = function (_Component) {
-  _inherits(ChannelIcon__default, _Component);
-
-  function ChannelIcon__default(props) {
-    _classCallCheck(this, ChannelIcon__default);
-
-    return _possibleConstructorReturn(this, (ChannelIcon__default.__proto__ || Object.getPrototypeOf(ChannelIcon__default)).call(this, props));
-  }
-
-  _createClass(ChannelIcon__default, [{
-    key: 'render',
-    value: function render() {
-      var boxStyle = {},
-          style = {
-        border: '1px solid #c3c1c1',
-        padding: '10px',
-        margin: '1px 10px',
-        textAlign: 'center'
-      },
-          titleStyle = {
-        'font-size': '13px',
-        'padding-bottom': '5px',
-        'border-bottom': '1px solid #c3c1c1',
-        margin: '10px 0 5px',
-        textAlign: 'center'
-      };
-      var channels = (0, _ChannelIconMapping.getChannelMappingObj)();
-      return _react2.default.createElement(
-        _Layout.Container,
-        null,
-        Object.keys(channels).map(function (item, i) {
-          return _react2.default.createElement(
-            _Layout.Box,
-            { key: i, scroll: 'none', style: { padding: '5px' } },
-            _react2.default.createElement(
-              'p',
-              { style: titleStyle },
-              item
-            ),
-            _react2.default.createElement(
-              _Layout.Container,
-              {
-                alignBox: 'row',
-                align: 'vertical',
-                isCover: false,
-                wrap: 'wrap'
-              },
-              Object.keys(channels[item]).map(function (channel, j) {
-                return _react2.default.createElement(
-                  _Layout.Box,
-                  { flexible: true, style: style, key: j },
-                  _react2.default.createElement(
-                    'h6',
-                    null,
-                    channel
-                  ),
-                  _react2.default.createElement(
-                    'div',
-                    null,
-                    _react2.default.createElement(_ChannelIcon2.default, {
-                      name: item,
-                      action: channel,
-                      iconSize: '21',
-                      size: 'medium'
-                    })
-                  )
-                );
-              })
-            )
-          );
-        }),
-        _react2.default.createElement('br', null)
-      );
-    }
-  }]);
-
-  return ChannelIcon__default;
-}(_react.Component);
-
-exports.default = ChannelIcon__default;
-
-if (false) {
-  ChannelIcon__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/lib/Drawer/Drawer.js

@@ -1,384 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Footer = exports.Content = exports.Header = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _FreezeLayer = require('../FreezeLayer/FreezeLayer');
-
-var _FreezeLayer2 = _interopRequireDefault(_FreezeLayer);
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-var _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _Card = require('@zohodesk/components/lib/Card');
-
-var _FormAction = require('../FormAction/FormAction');
-
-var _FormAction2 = _interopRequireDefault(_FormAction);
-
-var _VelocityAnimationGroup = require('@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup');
-
-var _VelocityAnimationGroup2 = _interopRequireDefault(_VelocityAnimationGroup);
-
-var _GridIcons = require('../GridIcons/GridIcons');
-
-var _GridIcons2 = _interopRequireDefault(_GridIcons);
-
-var _DrawerModule = require('./Drawer.module.css');
-
-var _DrawerModule2 = _interopRequireDefault(_DrawerModule);
-
-var _Responsive = require('@zohodesk/components/lib/Responsive/Responsive');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var Header = exports.Header = function (_React$Component) {
-  _inherits(Header, _React$Component);
-
-  function Header() {
-    _classCallCheck(this, Header);
-
-    return _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).apply(this, arguments));
-  }
-
-  _createClass(Header, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          title = _props.title,
-          onClose = _props.onClose,
-          children = _props.children,
-          className = _props.className,
-          paddingSize = _props.paddingSize,
-          closeTitle = _props.closeTitle,
-          iconName = _props.iconName,
-          iconSize = _props.iconSize,
-          onIconClick = _props.onIconClick,
-          isIconBold = _props.isIconBold,
-          dataId = _props.dataId,
-          flexible = _props.flexible;
-
-      return _react2.default.createElement(
-        _Card.CardHeader,
-        {
-          className: _DrawerModule2.default.header + ' ' + _DrawerModule2.default[paddingSize + 'HeaderPadding'] + ' ' + (className ? className : ''),
-          dataId: dataId
-        },
-        _react2.default.createElement(
-          _Layout.Container,
-          { alignBox: 'row', align: 'vertical' },
-          _react2.default.createElement(
-            _Layout.Box,
-            { flexible: true, shrink: true },
-            _react2.default.createElement(
-              _Layout.Container,
-              { alignBox: 'row', align: 'vertical', isCover: false },
-              iconName ? _react2.default.createElement(
-                _Layout.Box,
-                { className: _DrawerModule2.default.icon, shrink: true },
-                _react2.default.createElement(_Icon2.default, {
-                  name: iconName,
-                  size: iconSize,
-                  onClick: onIconClick,
-                  isBold: isIconBold
-                })
-              ) : null,
-              title ? _react2.default.createElement(
-                _Layout.Box,
-                { className: _DrawerModule2.default.title, flexible: flexible, shrink: true },
-                title
-              ) : null,
-              children
-            )
-          ),
-          onClose ? _react2.default.createElement(
-            _Layout.Box,
-            null,
-            _react2.default.createElement(_GridIcons2.default, {
-              onClick: onClose,
-              dataId: 'closeButton',
-              dataTitle: closeTitle,
-              iconName: 'ZD-cross',
-              iconSize: '11'
-            })
-          ) : null
-        )
-      );
-    }
-  }]);
-
-  return Header;
-}(_react2.default.Component);
-
-Header.propTypes = {
-  children: _propTypes2.default.node,
-  className: _propTypes2.default.string,
-  closeTitle: _propTypes2.default.string,
-  dataId: _propTypes2.default.string,
-  flexible: _propTypes2.default.bool,
-  iconName: _propTypes2.default.string,
-  iconSize: _propTypes2.default.string,
-  isIconBold: _propTypes2.default.bool,
-  onClose: _propTypes2.default.func,
-  onIconClick: _propTypes2.default.func,
-  paddingSize: _propTypes2.default.oneOf(['small', 'medium', 'large']),
-  title: _propTypes2.default.string
-};
-Header.defaultProps = {
-  flexible: false
-};
-Header.defaultProps = {
-  paddingSize: 'small'
-};
-
-var Content = exports.Content = function (_React$Component2) {
-  _inherits(Content, _React$Component2);
-
-  function Content() {
-    _classCallCheck(this, Content);
-
-    return _possibleConstructorReturn(this, (Content.__proto__ || Object.getPrototypeOf(Content)).apply(this, arguments));
-  }
-
-  _createClass(Content, [{
-    key: 'render',
-    value: function render() {
-      var _props2 = this.props,
-          children = _props2.children,
-          className = _props2.className,
-          paddingSize = _props2.paddingSize,
-          eleRef = _props2.eleRef;
-
-      return _react2.default.createElement(
-        _Card.CardContent,
-        {
-          scroll: 'vertical',
-          isScrollAttribute: true,
-          className: (className ? className : '') + ' ' + (paddingSize ? _DrawerModule2.default[paddingSize + 'ContentPadding'] : ''),
-          eleRef: eleRef
-        },
-        children
-      );
-    }
-  }]);
-
-  return Content;
-}(_react2.default.Component);
-
-Content.propTypes = {
-  children: _propTypes2.default.node,
-  className: _propTypes2.default.string,
-  eleRef: _propTypes2.default.func,
-  paddingSize: _propTypes2.default.oneOf(['small', 'medium', 'large'])
-};
-
-var Footer = exports.Footer = function (_React$Component3) {
-  _inherits(Footer, _React$Component3);
-
-  function Footer() {
-    _classCallCheck(this, Footer);
-
-    return _possibleConstructorReturn(this, (Footer.__proto__ || Object.getPrototypeOf(Footer)).apply(this, arguments));
-  }
-
-  _createClass(Footer, [{
-    key: 'render',
-    value: function render() {
-      var _props3 = this.props,
-          paddingLeftSize = _props3.paddingLeftSize,
-          paddingRightClass = _props3.paddingRightClass,
-          children = _props3.children,
-          size = _props3.size;
-
-      return _react2.default.createElement(
-        _FormAction2.default,
-        {
-          size: size,
-          paddingLeftSize: paddingLeftSize,
-          paddingRightClass: paddingRightClass
-        },
-        children
-      );
-    }
-  }]);
-
-  return Footer;
-}(_react2.default.Component);
-
-Footer.propTypes = {
-  children: _propTypes2.default.node,
-  paddingLeftSize: _propTypes2.default.string,
-  paddingRightClass: _propTypes2.default.string,
-  size: _propTypes2.default.string
-};
-Footer.defaultProps = {
-  size: 'small'
-};
-
-var Drawer = function (_React$Component4) {
-  _inherits(Drawer, _React$Component4);
-
-  function Drawer() {
-    _classCallCheck(this, Drawer);
-
-    return _possibleConstructorReturn(this, (Drawer.__proto__ || Object.getPrototypeOf(Drawer)).apply(this, arguments));
-  }
-
-  _createClass(Drawer, [{
-    key: 'render',
-    value: function render() {
-      var _props4 = this.props,
-          children = _props4.children,
-          needFreeze = _props4.needFreeze,
-          palette = _props4.palette,
-          size = _props4.size,
-          paddingSize = _props4.paddingSize,
-          isActive = _props4.isActive,
-          onClose = _props4.onClose,
-          forwardRef = _props4.forwardRef,
-          responsiveId = _props4.responsiveId;
-
-      var childrenWithProps = _react2.default.Children.map(children, function (child) {
-        if (child.type === Header || child.type === Footer || child.type === Content) {
-          var _ref = child.props || {},
-              childPaddingSize = _ref.paddingSize;
-
-          return paddingSize || childPaddingSize ? _react2.default.cloneElement(child, {
-            paddingSize: childPaddingSize ? childPaddingSize : paddingSize
-          }) : child;
-        }
-        return child;
-      });
-      return needFreeze ? _react2.default.createElement(
-        _FreezeLayer2.default,
-        {
-          onClick: onClose,
-          isActive: isActive,
-          animationName: 'fade',
-          childAnimationName: 'slideRight',
-          palette: palette,
-          forwardRef: forwardRef
-        },
-        _react2.default.createElement(
-          _Layout.Box,
-          { flexible: true },
-          _react2.default.createElement(
-            _Layout.Container,
-            { alignBox: 'row' },
-            _react2.default.createElement(
-              _Responsive.ResponsiveReceiver,
-              { responsiveId: responsiveId },
-              function (_ref2) {
-                var deviceUpto = _ref2.deviceUpto,
-                    deviceBetween = _ref2.deviceBetween;
-                return _react2.default.createElement(
-                  _react2.default.Fragment,
-                  null,
-                  deviceUpto('TABLET') ? _react2.default.createElement(_Layout.Box, { flexible: true }) : null,
-                  _react2.default.createElement(_Layout.Box, {
-                    flexible: true,
-                    className: deviceUpto('TABLET') ? _DrawerModule2.default.mobModal : _DrawerModule2.default.drawerModal,
-                    'data-portal': 'drawerModal'
-                  }),
-                  _react2.default.createElement(
-                    _Layout.Box,
-                    {
-                      className: _DrawerModule2.default.container + ' ' + (deviceUpto('MOBILE') ? _DrawerModule2.default.mbleSize : _DrawerModule2.default[size])
-                    },
-                    _react2.default.createElement(
-                      _Card.Card,
-                      {
-                        onClick: function onClick(e) {
-                          e.stopPropagation();
-                        }
-                      },
-                      childrenWithProps
-                    )
-                  )
-                );
-              }
-            )
-          )
-        )
-      ) : _react2.default.createElement(
-        _VelocityAnimationGroup2.default,
-        { isActive: isActive, name: 'slideRight' },
-        _react2.default.createElement(
-          _Responsive.ResponsiveReceiver,
-          { responsiveId: responsiveId },
-          function (_ref3) {
-            var deviceUpto = _ref3.deviceUpto;
-            return _react2.default.createElement(
-              'div',
-              {
-                className: _DrawerModule2.default.container + ' ' + _DrawerModule2.default.isOverlay + ' ' + (deviceUpto('MOBILE') ? _DrawerModule2.default.mbleSize : _DrawerModule2.default[size]) + ' ',
-                ref: forwardRef
-              },
-              _react2.default.createElement(
-                _Card.Card,
-                {
-                  onClick: function onClick(e) {
-                    e.stopPropagation();
-                  }
-                },
-                childrenWithProps
-              )
-            );
-          }
-        )
-      );
-    }
-  }]);
-
-  return Drawer;
-}(_react2.default.Component);
-
-exports.default = Drawer;
-
-
-Drawer.propTypes = {
-  children: _propTypes2.default.node,
-  forwardRef: _propTypes2.default.object,
-  isActive: _propTypes2.default.bool,
-  needFreeze: _propTypes2.default.bool,
-  onClose: _propTypes2.default.func,
-  paddingSize: _propTypes2.default.oneOf(['small', 'medium', 'large']),
-  palette: _propTypes2.default.oneOf(['dark', 'default', 'darkLight', 'plain']),
-  responsiveId: _propTypes2.default.string,
-  size: _propTypes2.default.oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge', 'xxlarge'])
-};
-
-Drawer.defaultProps = {
-  isActive: false,
-  palette: 'default',
-  responsiveId: 'Helmet',
-  size: 'xsmall'
-};
-
-if (false) {
-  Drawer.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}