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

package/es/avatar/AvatarClose/AvatarClose.js

@@ -1,70 +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 Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import Icon from '@zohodesk/icons/lib/Icon';
-import style from './AvatarClose.module.css';
-
-var AvatarClose = function (_React$Component) {
-  _inherits(AvatarClose, _React$Component);
-
-  function AvatarClose(props) {
-    _classCallCheck(this, AvatarClose);
-
-    return _possibleConstructorReturn(this, (AvatarClose.__proto__ || _Object$getPrototypeOf(AvatarClose)).call(this, props));
-  }
-
-  _createClass(AvatarClose, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          title = _props.title,
-          src = _props.src,
-          name = _props.name,
-          size = _props.size,
-          isClose = _props.isClose,
-          onClick = _props.onClick;
-
-      return React.createElement(
-        'div',
-        { className: style.container },
-        React.createElement(Avatar, { src: src, name: name, title: title, size: size }),
-        isClose && React.createElement(
-          'span',
-          { className: style.pop, onClick: onClick },
-          React.createElement(
-            'span',
-            { className: style.icon },
-            React.createElement(Icon, { name: 'ZD-plus' })
-          )
-        )
-      );
-    }
-  }]);
-
-  return AvatarClose;
-}(React.Component);
-
-export default AvatarClose;
-
-AvatarClose.propTypes = {
-  isClose: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  src: PropTypes.string,
-  title: PropTypes.string
-};
-AvatarClose.defaultProps = {
-  isClose: false,
-  size: 'medium'
-};
-if (false) {
-  AvatarClose.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}

package/es/avatar/AvatarClose/AvatarClose.module.css

@@ -1,37 +0,0 @@
-.container {
-  position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-}
-.pop {
-  position: absolute;
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
-  opacity: 0;
-  visibility: hidden;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  transition: opacity 0.2s;
-  color: var(--zd_text_smoke24);
-  cursor: pointer;
-  transform: translateZ(0);
-  background-color: var(--zd_bg_dark9);
-}
-[dir=ltr] .pop {
-  left: 0;
-  transform: rotate(45deg);
-}
-[dir=rtl] .pop {
-  right: 0;
-  transform: rotate(-45deg);
-}
-.icon {
-  position: absolute;
-  line-height: 0;
-  font-size: var(--zd_size16);
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
-}
-.container:hover .pop {
-  opacity: 1;
-  visibility: visible;
-}

package/es/avatar/AvatarClose/docs/AvatarClose__default.docs.js

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

package/es/avatar/AvatarCollision/AvatarCollision.js

@@ -1,90 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-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 Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import Icon from '@zohodesk/icons/lib/Icon';
-import style from './AvatarCollision.module.css';
-
-var AvatarCollision = function (_React$Component) {
-  _inherits(AvatarCollision, _React$Component);
-
-  function AvatarCollision(props) {
-    _classCallCheck(this, AvatarCollision);
-
-    return _possibleConstructorReturn(this, (AvatarCollision.__proto__ || _Object$getPrototypeOf(AvatarCollision)).call(this, props));
-  }
-
-  _createClass(AvatarCollision, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          title = _props.title,
-          src = _props.src,
-          name = _props.name,
-          size = _props.size,
-          onClick = _props.onClick,
-          needCreateChat = _props.needCreateChat,
-          isLeft = _props.isLeft,
-          isIdle = _props.isIdle,
-          initial = _props.initial;
-
-      return React.createElement(
-        'div',
-        {
-          className: style.container + ' ' + (isLeft ? style.off : isIdle ? style.idle : style.on),
-          onClick: onClick,
-          'data-id': 'collsionPop',
-          'data-title': title
-        },
-        React.createElement(Avatar, _extends({
-          src: src,
-          name: name,
-          size: size,
-          palette: 'default',
-          needTitle: false
-        }, initial && { initial: initial })),
-        needCreateChat && !isLeft && React.createElement(
-          'span',
-          { className: style.pop, 'data-title': title },
-          React.createElement(
-            'span',
-            { className: style.icon },
-            React.createElement(Icon, { name: 'ZD-livechat3' })
-          )
-        )
-      );
-    }
-  }]);
-
-  return AvatarCollision;
-}(React.Component);
-
-export default AvatarCollision;
-
-AvatarCollision.propTypes = {
-  initial: PropTypes.string,
-  isIdle: PropTypes.bool,
-  isLeft: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  needCreateChat: PropTypes.bool,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  src: PropTypes.string,
-  title: PropTypes.string
-};
-AvatarCollision.defaultProps = {
-  needCreateChat: true,
-  isLeft: false,
-  isIdle: false,
-  size: 'xmedium'
-};
-if (false) {
-  AvatarCollision.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}

package/es/avatar/AvatarCollision/AvatarCollision.module.css

@@ -1,69 +0,0 @@
-.container {
-  position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-  border-radius: 50%;
-  padding: var(--zd_size2);
-}
-.on {
-  border: 2px solid var(--zd_border_primary);
-}
-.off {
-  border: 2px solid var(--zd_border_smoke12);
-}
-.idle {
-  composes: on;
-  opacity: 0.4;
-}
-.pop {
-  position: absolute;
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
-  opacity: 0;
-  visibility: hidden;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  transition: opacity 0.2s;
-  color: var(--zd_text_smoke24);
-  cursor: pointer;
-  transform: translateZ(0);
-  background-color: var(--zd_bg_dark9);
-}
-[dir=ltr] .pop {
-  left: 0;
-}
-[dir=rtl] .pop {
-  right: 0;
-}
-.icon {
-  position: absolute;
-  line-height: 0;
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
-  color: var(--dot_text_white);
-  font-size: var(--zd_size13)
-}
-.container:hover .pop {
-  opacity: 1;
-  visibility: visible;
-}
-
-.off::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  height: var(--zd_size4);
-  border: 1px solid var(--zd_border_pure);
-  background-color: var(--zd_bg_smoke12);
-}
-
-[dir=ltr] .off::after {
-  left: calc(var(--zd_size5) * -1);
-  right: calc(var(--zd_size5) * -1);
-  transform: translateY(-50%) rotate(130deg);
-}
-
-[dir=rtl] .off::after {
-  right: calc(var(--zd_size5) * -1);
-  left: calc(var(--zd_size5) * -1);
-  transform: translateY(-50%) rotate(-130deg);
-}

package/es/avatar/AvatarCollision/docs/AvatarCollision__default.docs.js

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

package/es/avatar/AvatarIcon/AvatarIcon.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';
-import React from 'react';
-import PropTypes from 'prop-types';
-import Icon from '@zohodesk/icons/lib/Icon';
-import { Container } from '@zohodesk/components/lib/Layout';
-import { CssProvider } from '@zohodesk/components/lib/CssProvider';
-import style from './AvatarIcon.module.css';
-
-var AvatarIcon = function (_React$Component) {
-  _inherits(AvatarIcon, _React$Component);
-
-  function AvatarIcon() {
-    _classCallCheck(this, AvatarIcon);
-
-    return _possibleConstructorReturn(this, (AvatarIcon.__proto__ || _Object$getPrototypeOf(AvatarIcon)).apply(this, arguments));
-  }
-
-  _createClass(AvatarIcon, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          name = _props.name,
-          size = _props.size,
-          iconSize = _props.iconSize,
-          iconClass = _props.iconClass,
-          iconColor = _props.iconColor,
-          onClick = _props.onClick,
-          palette = _props.palette,
-          dataId = _props.dataId,
-          className = _props.className,
-          isIconBold = _props.isIconBold,
-          title = _props.title;
-
-      return React.createElement(
-        Container,
-        {
-          className: style.container + ' ' + CssProvider(size) + ' ' + style[palette] + ' ' + className,
-          onClick: onClick,
-          dataId: dataId,
-          'data-title': title,
-          isInline: true,
-          align: 'both',
-          isCover: false
-        },
-        React.createElement(Icon, {
-          name: name,
-          size: iconSize,
-          iconClass: ' ' + iconClass + ' ' + (iconColor ? style['icon_' + iconColor] : '') + ' ',
-          isBold: isIconBold
-        })
-      );
-    }
-  }]);
-
-  return AvatarIcon;
-}(React.Component);
-
-export default AvatarIcon;
-
-AvatarIcon.defaultProps = {
-  iconSize: '15',
-  name: 'ZD-addAgent',
-  palette: 'default',
-  size: 'medium',
-  isIconBold: false,
-  iconClass: '',
-  className: '',
-  iconColor: ''
-};
-AvatarIcon.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconSize: PropTypes.string,
-  iconColor: PropTypes.oneOf(['default', 'primary', 'success', 'danger', 'smoke18']),
-  isIconBold: PropTypes.bool,
-  name: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'success', 'danger']),
-  size: PropTypes.string,
-  title: PropTypes.string
-};
-if (false) {
-  AvatarIcon.docs = { componentGroup: 'Avatar Group' };
-}

package/es/avatar/AvatarIcon/AvatarIcon.module.css

@@ -1,36 +0,0 @@
-.container {
-  vertical-align: middle;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 50%;
-}
-.default {
-  border-color: var(--dot_border_paleBlue);
-}
-.primary {
-  border-color: var(--dot_border_primary);
-}
-.secondary {
-  border-color: var(--zd_border_primarytrans);
-}
-.success {
-  border-color: var(--zd_border_olive5);
-}
-.danger {
-  border-color: var(--dot_border_brightRed);
-}
-.icon_danger {
-  color: var(--dot_text_brightRed);
-}
-.icon_primary {
-  color: var(--dot_text_primary);
-}
-.icon_grey {
-  color: var(--dot_text_shuttleGrey);
-}
-.icon_success {
-  color: var(--zd_text_olive5);
-}
-.icon_smoke18 {
-  color: var(--zd_text_smoke18);
-}

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/AvatarStatus.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 PropTypes from 'prop-types';
-import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import style from './AvatarStatus.module.css';
-
-var AvatarStatus = function (_React$Component) {
-  _inherits(AvatarStatus, _React$Component);
-
-  function AvatarStatus(props) {
-    _classCallCheck(this, AvatarStatus);
-
-    return _possibleConstructorReturn(this, (AvatarStatus.__proto__ || _Object$getPrototypeOf(AvatarStatus)).call(this, props));
-  }
-
-  _createClass(AvatarStatus, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          src = _props.src,
-          name = _props.name,
-          size = _props.size,
-          onClick = _props.onClick,
-          title = _props.title,
-          state = _props.state,
-          dataId = _props.dataId,
-          initial = _props.initial;
-
-      return React.createElement(
-        'div',
-        { className: style.container + ' ' + style[size] },
-        React.createElement(Avatar, {
-          src: src,
-          name: name,
-          palette: 'info',
-          title: title,
-          onClick: onClick,
-          size: size,
-          dataId: dataId,
-          initial: initial
-        }),
-        React.createElement('span', { className: style.state + ' ' + style[state] })
-      );
-    }
-  }]);
-
-  return AvatarStatus;
-}(React.Component);
-
-export default AvatarStatus;
-
-
-AvatarStatus.defaultProps = {
-  size: 'medium',
-  state: 'offline'
-};
-
-AvatarStatus.propTypes = {
-  dataId: PropTypes.string,
-  filled: PropTypes.bool,
-  initial: PropTypes.initial,
-  name: PropTypes.string,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  src: PropTypes.string,
-  state: PropTypes.string,
-  title: PropTypes.string
-};
-
-if (false) {
-  AvatarStatus.docs = {
-    componentGroup: 'Avatar Group'
-  };
-}