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

package/es/ExternalLink/ExternalLink.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';
-/**** Libraries ****/
-import React from 'react';
-import PropTypes from 'prop-types';
-
-/**** CSS ****/
-import style from './ExternalLink.module.css';
-
-var ExternalLink = function (_React$Component) {
-  _inherits(ExternalLink, _React$Component);
-
-  function ExternalLink() {
-    _classCallCheck(this, ExternalLink);
-
-    return _possibleConstructorReturn(this, (ExternalLink.__proto__ || _Object$getPrototypeOf(ExternalLink)).apply(this, arguments));
-  }
-
-  _createClass(ExternalLink, [{
-    key: 'addHttp',
-    value: function addHttp(url) {
-      var site = url.toLowerCase();
-      var regEx = new RegExp(/((ftp|https|mailto|tel|http?):)/);
-      if (!regEx.test(site)) {
-        return 'http://' + site;
-      }
-      return site;
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          href = _props.href,
-          title = _props.title,
-          target = _props.target,
-          className = _props.className,
-          children = _props.children,
-          rel = _props.rel,
-          dataId = _props.dataId;
-
-      var urlOutput = href && typeof href != 'boolean' ? this.addHttp(String(href)) : 'javascript:void(0);';
-      return React.createElement(
-        'a',
-        {
-          href: urlOutput,
-          target: target,
-          className: style.link + ' ' + (className ? className : ''),
-          'data-title': title,
-          rel: rel,
-          'data-id': dataId
-        },
-        children
-      );
-    }
-  }]);
-
-  return ExternalLink;
-}(React.Component);
-
-export default ExternalLink;
-
-
-ExternalLink.defaultProps = {
-  rel: 'noopener noreferrer',
-  target: '_blank'
-};
-
-ExternalLink.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  href: PropTypes.string,
-  rel: PropTypes.string,
-  target: PropTypes.oneOf(['_blank', '_self']),
-  title: PropTypes.string
-};
-
-if (false) {
-  ExternalLink.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/ExternalLink/ExternalLink.module.css

@@ -1,4 +0,0 @@
-.link {
-  text-decoration: none;
-  color: inherit
-}

package/es/ExternalLink/__tests__/ExternalLink.spec.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import ExternalLink from '../ExternalLink';
-import renderer from 'react-test-renderer';
-
-describe('ExternalLink Component', function () {
-  it('should add http/https to href tag if it is not already present', function () {
-    var checkLinks = ['javascript:alert(1)', 'www.test.com', 'test.com', '#'];
-    checkLinks.forEach(function (link) {
-      var ele = renderer.create(React.createElement(
-        ExternalLink,
-        { href: link },
-        link
-      ));
-      var renderedElement = ele.toJSON();
-      expect(renderedElement.props.href).toEqual('http://' + link);
-    });
-  });
-  it('should not add http/https to href tag if it is already present', function () {
-    var ele = renderer.create(React.createElement(
-      ExternalLink,
-      { href: 'https://www.google.com' },
-      'www.google.com'
-    ));
-    var renderedElement = ele.toJSON();
-    expect(renderedElement.props.href).toEqual('https://www.google.com');
-  });
-  it('should default to / if href is undefined', function () {
-    var ele = renderer.create(React.createElement(
-      ExternalLink,
-      null,
-      'www.google.com'
-    ));
-    var renderedElement = ele.toJSON();
-    expect(renderedElement.props.href).toEqual('javascript:void(0);');
-  });
-});

package/es/ExternalLink/docs/ExternalLink__default.docs.js

@@ -1,40 +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 ExternalLink from '../ExternalLink';
-
-var ExternalLink__default = function (_React$Component) {
-  _inherits(ExternalLink__default, _React$Component);
-
-  function ExternalLink__default(props) {
-    _classCallCheck(this, ExternalLink__default);
-
-    return _possibleConstructorReturn(this, (ExternalLink__default.__proto__ || _Object$getPrototypeOf(ExternalLink__default)).call(this, props));
-  }
-
-  _createClass(ExternalLink__default, [{
-    key: 'render',
-    value: function render() {
-      ///agent/:orgName/:deptName/:moduleName/details/:moduleId
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(ExternalLink, null)
-      );
-    }
-  }]);
-
-  return ExternalLink__default;
-}(React.Component);
-
-export default ExternalLink__default;
-
-if (false) {
-  ExternalLink__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/es/FlipCard/FlipCard.js

@@ -1,176 +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 '../avatar/AvatarUser/AvatarUser';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
-import { Container } from '@zohodesk/components/lib/Layout';
-import ChannelIcon from '../ChannelIcon/ChannelIcon';
-import { CssProvider } from '@zohodesk/components/lib/CssProvider';
-import style from './FlipCard.module.css';
-import { stopBubbling } from '../utils/General';
-
-var FlipCard = function (_Component) {
-  _inherits(FlipCard, _Component);
-
-  function FlipCard(props) {
-    _classCallCheck(this, FlipCard);
-
-    var _this = _possibleConstructorReturn(this, (FlipCard.__proto__ || _Object$getPrototypeOf(FlipCard)).call(this, props));
-
-    _this.onChange = _this.onChange.bind(_this);
-    _this.onClick = _this.onClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(FlipCard, [{
-    key: 'onClick',
-    value: function onClick(e) {
-      var noNeedFlip = this.props.noNeedFlip;
-
-      if (!noNeedFlip) {
-        stopBubbling(e);
-      }
-    }
-  }, {
-    key: 'onChange',
-    value: function onChange(isChecked, e) {
-      var onChange = this.props.onChange;
-
-      stopBubbling(e);
-      var id = this.props.id;
-
-      onChange(id, isChecked, e);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          id = _props.id,
-          action = _props.action,
-          name = _props.name,
-          initial = _props.initial,
-          isChecked = _props.isChecked,
-          noNeedFlip = _props.noNeedFlip,
-          size = _props.size,
-          channel = _props.channel,
-          isPaidUser = _props.isPaidUser,
-          isPortalUser = _props.isPortalUser,
-          src = _props.src,
-          icon = _props.icon,
-          iconSize = _props.iconSize,
-          iconClass = _props.iconClass,
-          ticListContainer = _props.ticListContainer,
-          ticList = _props.ticList,
-          dataId = _props.dataId,
-          className = _props.className,
-          palette = _props.palette,
-          frontClass = _props.frontClass,
-          needTitle = _props.needTitle,
-          iconColor = _props.iconColor;
-
-      return React.createElement(
-        'div',
-        {
-          className: CssProvider(size) + '  ' + (noNeedFlip ? style.flipNone : isChecked ? style.notFlip : style.flip),
-          onClick: this.onClick,
-          'data-id': ticListContainer
-        },
-        React.createElement(
-          'div',
-          { className: style.container, 'data-id': ticList },
-          !noNeedFlip ? React.createElement(
-            Container,
-            {
-              align: 'both',
-              className: style.front + ' ' + (frontClass ? frontClass : '')
-            },
-            React.createElement(CheckBox, {
-              checked: isChecked,
-              name: 'category',
-              onChange: this.onChange,
-              id: 'checkbox_' + id,
-              dataId: 'listViewCheckBox_' + id
-            })
-          ) : null,
-          React.createElement(
-            Container,
-            { align: 'both', className: style.back },
-            channel && action ? React.createElement(ChannelIcon, {
-              name: channel,
-              action: action,
-              size: size,
-              iconSize: iconSize,
-              iconClass: iconClass,
-              dataId: channel,
-              className: className,
-              palette: palette,
-              iconColor: iconColor
-            }) : icon ? React.createElement(AvatarIcon, {
-              name: icon,
-              iconSize: iconSize,
-              size: size,
-              iconClass: iconClass,
-              dataId: icon,
-              className: className,
-              iconColor: iconColor
-            }) : React.createElement(AvatarUser, {
-              name: name,
-              initial: initial,
-              size: size,
-              isPaid: isPaidUser,
-              isPortal: isPortalUser,
-              src: src,
-              dataId: dataId,
-              needTitle: needTitle
-            })
-          )
-        )
-      );
-    }
-  }]);
-
-  return FlipCard;
-}(Component);
-
-export default FlipCard;
-
-
-FlipCard.propTypes = {
-  action: PropTypes.string,
-  channel: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  frontClass: PropTypes.string,
-  icon: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconSize: PropTypes.string,
-  id: PropTypes.string.isRequired,
-  initial: PropTypes.string,
-  isChecked: PropTypes.bool,
-  isPaidUser: PropTypes.bool,
-  isPortalUser: PropTypes.bool,
-  name: PropTypes.string,
-  needTitle: PropTypes.bool,
-  noNeedFlip: PropTypes.bool,
-  onChange: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
-  size: PropTypes.string,
-  src: PropTypes.string,
-  ticList: PropTypes.string,
-  ticListContainer: PropTypes.string,
-  iconColor: PropTypes.string
-};
-FlipCard.defaultProps = {
-  size: 'medium',
-  needTitle: true
-};
-if (false) {
-  FlipCard.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/es/FlipCard/FlipCard.module.css

@@ -1,35 +0,0 @@
-.flip,
-.flipNone {
-  color: var(--zd_text_smoke21);
-}.flip, .flipNone {
-  background-color: transparent;
-}
-.container {
-  position: relative;
-  transition: 0.3s all;
-  transform-style: preserve-3d;
-}
-.container,
-.front,
-.back {
-  width: inherit;
-  height: inherit;
-}
-.front,
-.back {
-  position: absolute;
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-}
-.front {
-  transform: rotateY(180deg) perspective(1px);
-}
-.back {
-  transform: rotateY(0deg) perspective(1px);
-}
-.notFlip .container {
-  transform: rotateY(180deg);
-}
-.flip:hover .container, .hoverContainer:hover .container {
-  transform: rotateY(180deg);
-}

package/es/FlipCard/docs/FlipCard__default.docs.js

@@ -1,105 +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 FlipCard from '../FlipCard';
-
-var FlipCard__default = function (_Component) {
-  _inherits(FlipCard__default, _Component);
-
-  function FlipCard__default(props) {
-    _classCallCheck(this, FlipCard__default);
-
-    var _this = _possibleConstructorReturn(this, (FlipCard__default.__proto__ || _Object$getPrototypeOf(FlipCard__default)).call(this, props));
-
-    _this.state = { isChecked: false };
-    return _this;
-  }
-
-  _createClass(FlipCard__default, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            channel: 'email',
-            action: 'incoming',
-            id: 'test1',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            noNeedFlip: true,
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test2',
-            name: 'phone',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test3',
-            name: 'EL',
-            isPaidUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        React.createElement('br', null),
-        React.createElement('br', null),
-        React.createElement(
-          'div',
-          null,
-          React.createElement(FlipCard, {
-            id: 'test4',
-            name: 'BK',
-            isPortalUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        )
-      );
-    }
-  }]);
-
-  return FlipCard__default;
-}(Component);
-
-export default FlipCard__default;
-
-if (false) {
-  FlipCard__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/es/FormAction/FormAction.js

@@ -1,128 +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 style from './FormAction.module.css';
-import { Container, Box } from '@zohodesk/components/lib/Layout';
-export var LeftSide = function LeftSide(props) {
-  props.children;
-};
-export var RightSide = function RightSide(props) {
-  props.children;
-};
-export var Center = function Center(props) {
-  props.children;
-};
-
-var FormAction = function (_React$Component) {
-  _inherits(FormAction, _React$Component);
-
-  function FormAction() {
-    _classCallCheck(this, FormAction);
-
-    return _possibleConstructorReturn(this, (FormAction.__proto__ || _Object$getPrototypeOf(FormAction)).apply(this, arguments));
-  }
-
-  _createClass(FormAction, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          children = _props.children,
-          paddingLeftSize = _props.paddingLeftSize,
-          paddingRightClass = _props.paddingRightClass;
-
-      var leftbuttonGroup = [],
-          rightbuttonGroup = [],
-          centerbuttonGroup = [];
-      React.Children.map(children, function (child) {
-        if (!child) {
-          return child;
-        } else if (child.type === LeftSide) {
-          leftbuttonGroup = leftbuttonGroup.concat(child.props.children);
-        } else if (child.type === RightSide) {
-          rightbuttonGroup = rightbuttonGroup.concat(child.props.children);
-        } else if (child.type === Center) {
-          centerbuttonGroup = centerbuttonGroup.concat(child.props.children);
-        } else {
-          leftbuttonGroup.push(child);
-        }
-      });
-
-      var hasLeftChild = leftbuttonGroup.length > 0;
-
-      var hasRightChild = rightbuttonGroup.length > 0;
-
-      var hasCenterChild = centerbuttonGroup.length > 0;
-      return React.createElement(
-        'div',
-        { className: style.wrapperDiv },
-        React.createElement(
-          Container,
-          {
-            alignBox: 'row',
-            isCover: false,
-            align: hasCenterChild ? 'around' : hasRightChild && !hasLeftChild ? 'right' : null,
-            className: ' \n                        ' + (style.footerParent + ' ' + (hasCenterChild ? '' : style[(paddingLeftSize ? paddingLeftSize : size) + 'Padding']) + ' ' + paddingRightClass) + '\n\n                        ' + style[size + 'Footer'] + '\n                    '
-          },
-          hasLeftChild ? React.createElement(
-            Box,
-            {
-              flexible: hasRightChild ? true : false,
-              shrink: !hasRightChild && hasLeftChild ? true : false
-            },
-            leftbuttonGroup.length > 1 ? leftbuttonGroup.map(function (item) {
-              return React.createElement(
-                'div',
-                { className: style.marginRight },
-                item
-              );
-            }) : leftbuttonGroup[0]
-          ) : null,
-          hasRightChild ? React.createElement(
-            Box,
-            { shrink: hasRightChild && !hasLeftChild ? true : false },
-            rightbuttonGroup.length > 1 ? rightbuttonGroup.map(function (item) {
-              return React.createElement(
-                'div',
-                { className: style.marginRight },
-                item
-              );
-            }) : rightbuttonGroup[0]
-          ) : null,
-          hasCenterChild ? React.createElement(
-            Box,
-            null,
-            centerbuttonGroup.length > 1 ? centerbuttonGroup.map(function (item, index) {
-              return React.createElement(
-                'div',
-                { className: style.marginRight, key: index },
-                item
-              );
-            }) : centerbuttonGroup[0]
-          ) : null
-        )
-      );
-    }
-  }]);
-
-  return FormAction;
-}(React.Component);
-
-export default FormAction;
-
-
-FormAction.propTypes = {
-  children: PropTypes.node,
-  paddingLeftSize: PropTypes.oneOf(['large', 'medium', 'xmedium', 'small', 'xsmall']),
-  paddingRightClass: PropTypes.string,
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};
-
-FormAction.defaultProps = {
-  size: 'medium',
-  paddingRightClass: ''
-};

package/es/FormAction/FormAction.module.css

@@ -1,77 +0,0 @@
-.wrapperDiv {
-  position: relative;
-  z-index: 1;
-}
-.footerParent {
-  position: relative;
-  background-color: var(--dot_bg_white);
-  border-top: solid 1px var(--dot_border_solitude);
-}
-.largeFooter {
-  padding-top: var(--zd_size24);
-  padding-bottom: var(--zd_size24);
-}
-.mediumFooter {
-  padding-top: var(--zd_size20);
-  padding-bottom: var(--zd_size20);
-}
-.smallFooter {
-  padding-top: var(--zd_size6);
-  padding-bottom: var(--zd_size6);
-}
-
-[dir=ltr] .largePadding {
-  padding-left: var(--zd_size60);
-}
-
-[dir=rtl] .largePadding {
-  padding-right: var(--zd_size60);
-}
-[dir=ltr] .mediumPadding {
-  padding-left: var(--zd_size50);
-}
-[dir=rtl] .mediumPadding {
-  padding-right: var(--zd_size50);
-}
-[dir=ltr] .xmediumPadding {
-  padding-left: var(--zd_size30);
-}
-[dir=rtl] .xmediumPadding {
-  padding-right: var(--zd_size30);
-}
-[dir=ltr] .smallPadding {
-  padding-left: var(--zd_size25);
-}
-[dir=rtl] .smallPadding {
-  padding-right: var(--zd_size25);
-}
-[dir=ltr] .xsmallPadding {
-  padding-left: var(--zd_size20);
-}
-[dir=rtl] .xsmallPadding {
-  padding-right: var(--zd_size20);
-}
-
-.marginRight {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
-  margin-right: var(--zd_size15);
-}
-[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
-  margin-left: var(--zd_size15);
-}
-[dir=ltr] .smallFooter .marginRight {
-  margin-right: var(--zd_size12);
-}
-[dir=rtl] .smallFooter .marginRight {
-  margin-left: var(--zd_size12);
-}
-
-[dir=ltr] .marginRight:last-child {
-  margin-right: 0;
-}
-
-[dir=rtl] .marginRight:last-child {
-  margin-left: 0;
-}