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

package/es/layout/SubtabLayout/SubtabLayout.js

@@ -1,227 +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 { Container, Box } from '@zohodesk/components/lib/Layout';
-import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
-import PlusIcon from '../../PlusIcon/PlusIcon';
-//-----------style-----------//
-import style from './SubtabLayout.module.css';
-export var SubtabHeader = function (_React$Component) {
-  _inherits(SubtabHeader, _React$Component);
-
-  function SubtabHeader() {
-    _classCallCheck(this, SubtabHeader);
-
-    return _possibleConstructorReturn(this, (SubtabHeader.__proto__ || _Object$getPrototypeOf(SubtabHeader)).apply(this, arguments));
-  }
-
-  _createClass(SubtabHeader, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          onAdd = _props.onAdd,
-          getLeftPlaceHolder = _props.getLeftPlaceHolder,
-          title = _props.title,
-          label = _props.label,
-          getRightPlaceHolder = _props.getRightPlaceHolder,
-          type = _props.type,
-          leftClassName = _props.leftClassName,
-          rightClassName = _props.rightClassName,
-          needBorder = _props.needBorder,
-          needShadow = _props.needShadow,
-          needPlusIconLine = _props.needPlusIconLine,
-          children = _props.children,
-          dataId = _props.dataId;
-
-      return React.createElement(
-        CardHeader,
-        _extends({
-          className: style.tabHead + ' ' + (needShadow ? style.shadowStyle : '') + ' ' + (needBorder ? style.borderStyle : '')
-        }, this.props),
-        React.createElement(
-          Container,
-          { alignBox: 'row', className: '' + style[type], align: 'vertical' },
-          onAdd || children ? React.createElement(
-            Box,
-            {
-              className: style.left + ' ' + (needPlusIconLine ? style.plusIconLine : '')
-            },
-            onAdd ? React.createElement(PlusIcon, { dataId: dataId, onClick: onAdd }) : children
-          ) : null,
-          title ? React.createElement(
-            Box,
-            {
-              className: style.title + ' ' + (onAdd ? style.cursor : ''),
-              onClick: onAdd ? onAdd : null
-            },
-            title
-          ) : null,
-          getLeftPlaceHolder && React.createElement(
-            Box,
-            {
-              flexible: true,
-              shrink: true,
-              adjust: getRightPlaceHolder ? true : false,
-              className: '' + (leftClassName ? leftClassName : '')
-            },
-            label ? React.createElement(
-              'div',
-              { className: style.label },
-              label
-            ) : null,
-            getLeftPlaceHolder
-          ),
-          getRightPlaceHolder && React.createElement(
-            Box,
-            {
-              flexible: true,
-              shrink: true,
-              adjust: getLeftPlaceHolder ? true : false,
-              className: ' ' + (rightClassName ? rightClassName : '')
-            },
-            React.createElement(
-              Container,
-              {
-                alignBox: 'row',
-                align: 'vertical',
-                className: style.aside
-              },
-              getRightPlaceHolder
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SubtabHeader;
-}(React.Component);
-
-SubtabHeader.propTypes = {
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  getLeftPlaceHolder: PropTypes.oneOf([PropTypes.func, PropTypes.object]),
-  getRightPlaceHolder: PropTypes.func,
-  label: PropTypes.string,
-  leftClassName: PropTypes.string,
-  needBorderShadow: PropTypes.bool,
-  needPlusIconLine: PropTypes.bool,
-  onAdd: PropTypes.func,
-  rightClassName: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['primary', 'secondary'])
-};
-
-SubtabHeader.defaultProps = {
-  type: 'primary',
-  needBorder: true,
-  needShadow: true,
-  needPlusIconLine: true,
-  dataId: 'addreqNowbutton'
-};
-
-export var SubtabContent = function (_React$Component2) {
-  _inherits(SubtabContent, _React$Component2);
-
-  function SubtabContent() {
-    _classCallCheck(this, SubtabContent);
-
-    return _possibleConstructorReturn(this, (SubtabContent.__proto__ || _Object$getPrototypeOf(SubtabContent)).apply(this, arguments));
-  }
-
-  _createClass(SubtabContent, [{
-    key: 'render',
-    value: function render() {
-      var _props2 = this.props,
-          children = _props2.children,
-          scroll = _props2.scroll,
-          className = _props2.className,
-          eleRef = _props2.eleRef,
-          dataId = _props2.dataId,
-          onScroll = _props2.onScroll;
-
-      return React.createElement(
-        CardContent,
-        {
-          scroll: scroll,
-          isScrollAttribute: true,
-          onScroll: onScroll,
-          className: className ? className : '',
-          eleRef: eleRef,
-          dataId: dataId
-        },
-        children
-      );
-    }
-  }]);
-
-  return SubtabContent;
-}(React.Component);
-
-SubtabContent.propTypes = {
-  children: PropTypes.oneOf([PropTypes.element, PropTypes.array]),
-  className: PropTypes.element,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  scroll: PropTypes.oneOf(['vertical'])
-};
-
-SubtabContent.defaultProps = {
-  scroll: 'vertical'
-};
-
-var SubtabLayout = function (_React$Component3) {
-  _inherits(SubtabLayout, _React$Component3);
-
-  function SubtabLayout() {
-    _classCallCheck(this, SubtabLayout);
-
-    return _possibleConstructorReturn(this, (SubtabLayout.__proto__ || _Object$getPrototypeOf(SubtabLayout)).apply(this, arguments));
-  }
-
-  _createClass(SubtabLayout, [{
-    key: 'render',
-    value: function render() {
-      var _props3 = this.props,
-          children = _props3.children,
-          dataId = _props3.dataId;
-
-      return React.createElement(
-        Card,
-        _extends({
-          isScrollAttribute: true,
-          dataId: dataId
-        }, this.props, {
-          childTypes: { cardHeader: SubtabHeader, cardContent: SubtabContent }
-        }),
-        children
-      );
-    }
-  }]);
-
-  return SubtabLayout;
-}(React.Component);
-
-export default SubtabLayout;
-
-
-if (false) {
-  SubtabLayout.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}
-
-SubtabLayout.defaultProps = {
-  dataId: 'subTabLayout'
-};
-
-SubtabLayout.propTypes = {
-  children: PropTypes.oneOf([PropTypes.element, PropTypes.array]),
-  dataId: PropTypes.string
-};

package/es/layout/SubtabLayout/SubtabLayout.module.css

@@ -1,90 +0,0 @@
-.tabHead,
-.shadowStyle {
-  position: relative;
-}.tabHead, .shadowStyle {
-  background: var(--dot_bg_white);
-}
-
-[dir=ltr] .left {
-  margin-right: var(--zd_size15);
-}
-
-[dir=rtl] .left {
-  margin-left: var(--zd_size15);
-}
-
-.plusIconLine {
-  position: relative;
-  z-index: 2;
-}
-
-.plusIconLine::before {
-  position: absolute;
-  content: '';
-  width: var(--zd_size1);
-  height: var(--zd_size28);
-  top: var(--zd_size38);
-  z-index: -1;
-  background: var(--zd_bg_smoke3);
-}
-
-[dir=ltr] .plusIconLine::before {
-  left: var(--zd_size20);
-}
-
-[dir=rtl] .plusIconLine::before {
-  right: var(--zd_size20);
-}
-
-.borderStyle {
-  border-bottom: 1px solid var(--zd_border_smoke5);
-}
-
-.shadowStyle::before {
-  bottom: 0;
-  content: '';
-  position: absolute;
-  top: var(--zd_size20);
-  z-index: -1;
-  box-shadow: 0 0 6px var(--zd_shadow_graytrans5);
-  border-radius: 100px/10px;
-}
-
-[dir=ltr] .shadowStyle::before {
-  left: var(--zd_size50);
-  right: var(--zd_size50);
-}
-
-[dir=rtl] .shadowStyle::before {
-  right: var(--zd_size50);
-  left: var(--zd_size50);
-}
-
-.aside {
-  composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.title {
-  color: var(--zd_text_primary);
-  font-size: var(--zd_size15);
-}
-
-.label {
-  font-size: var(--zd_size12);
-  color: var(--zd_text_smoke18);
-}
-
-.primary {
-  padding: var(--zd_size27) var(--zd_size25) var(--zd_size26) var(--zd_size25);
-}
-
-[dir=ltr] .secondary {
-  padding: var(--zd_size27) var(--zd_size115) var(--zd_size26) var(--zd_size25);
-}
-
-[dir=rtl] .secondary {
-  padding: var(--zd_size27) var(--zd_size25) var(--zd_size26) var(--zd_size115);
-}
-.cursor {
-  cursor: pointer;
-}

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/layout/SubtabLayout/index.js

@@ -1,3 +0,0 @@
-export { default as SubtabLayout } from './SubtabLayout';
-export { SubtabHeader } from './SubtabLayout';
-export { SubtabContent } from './SubtabLayout';

package/es/list/AvatarFlip/AvatarFlip.js

@@ -1,106 +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/FlipCard';
-import style from './AvatarFlip.module.css';
-
-var AvatarFlip = function (_Component) {
-  _inherits(AvatarFlip, _Component);
-
-  function AvatarFlip() {
-    _classCallCheck(this, AvatarFlip);
-
-    return _possibleConstructorReturn(this, (AvatarFlip.__proto__ || _Object$getPrototypeOf(AvatarFlip)).apply(this, arguments));
-  }
-
-  _createClass(AvatarFlip, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          id = _props.id,
-          action = _props.action,
-          name = _props.name,
-          isChecked = _props.isChecked,
-          onChange = _props.onChange,
-          noNeedFlip = _props.noNeedFlip,
-          size = _props.size,
-          onClick = _props.onClick,
-          isPaidUser = _props.isPaidUser,
-          isPortalUser = _props.isPortalUser,
-          channel = _props.channel,
-          src = _props.src,
-          icon = _props.icon,
-          initial = _props.initial,
-          dataId = _props.dataId,
-          className = _props.className,
-          palette = _props.palette,
-          frontClass = _props.frontClass,
-          needTitle = _props.needTitle;
-
-      return React.createElement(FlipCard, {
-        id: id,
-        action: action,
-        name: name,
-        initial: initial,
-        isChecked: isChecked,
-        onChange: onChange,
-        noNeedFlip: noNeedFlip,
-        size: size,
-        onClick: onClick,
-        isPaidUser: isPaidUser,
-        isPortalUser: isPortalUser,
-        channel: channel,
-        src: src,
-        icon: icon,
-        iconClass: '' + style.iconStyle,
-        dataId: dataId,
-        ticListContainer: 'tic-list-filp-cont',
-        ticList: 'tic-list-filp',
-        className: className,
-        palette: palette,
-        frontClass: frontClass,
-        needTitle: needTitle
-      });
-    }
-  }]);
-
-  return AvatarFlip;
-}(Component);
-
-export default AvatarFlip;
-
-AvatarFlip.propTypes = {
-  action: PropTypes.string,
-  channel: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  frontClass: PropTypes.string,
-  icon: 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,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
-  size: PropTypes.string,
-  src: PropTypes.string
-};
-AvatarFlip.defaultProps = {
-  size: 'xmedium',
-  noNeedFlip: false
-};
-if (false) {
-  AvatarFlip.docs = {
-    folderName: 'List',
-    componentGroup: 'AvatarFlip'
-  };
-}

package/es/list/AvatarFlip/AvatarFlip.module.css

@@ -1,15 +0,0 @@
-.taskNone {
-  font-size: var(--zd_size18);
-}
-.taskMeeting {
-  font-size: var(--zd_size19);
-}
-.taskCall {
-  font-size: var(--zd_size15);
-}
-.taskDemo {
-  font-size: var(--zd_size17);
-}
-.iconStyle {
-  color: var(--dot_text_black);
-}