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

package/lib/FlipCard/FlipCard.js

@@ -1,210 +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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _AvatarUser = require('../avatar/AvatarUser/AvatarUser');
-
-var _AvatarUser2 = _interopRequireDefault(_AvatarUser);
-
-var _AvatarIcon = require('../avatar/AvatarIcon/AvatarIcon');
-
-var _AvatarIcon2 = _interopRequireDefault(_AvatarIcon);
-
-var _CheckBox = require('@zohodesk/components/lib/CheckBox/CheckBox');
-
-var _CheckBox2 = _interopRequireDefault(_CheckBox);
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-var _ChannelIcon = require('../ChannelIcon/ChannelIcon');
-
-var _ChannelIcon2 = _interopRequireDefault(_ChannelIcon);
-
-var _CssProvider = require('@zohodesk/components/lib/CssProvider');
-
-var _FlipCardModule = require('./FlipCard.module.css');
-
-var _FlipCardModule2 = _interopRequireDefault(_FlipCardModule);
-
-var _General = require('../utils/General');
-
-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 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) {
-        (0, _General.stopBubbling)(e);
-      }
-    }
-  }, {
-    key: 'onChange',
-    value: function onChange(isChecked, e) {
-      var onChange = this.props.onChange;
-
-      (0, _General.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 _react2.default.createElement(
-        'div',
-        {
-          className: (0, _CssProvider.CssProvider)(size) + '  ' + (noNeedFlip ? _FlipCardModule2.default.flipNone : isChecked ? _FlipCardModule2.default.notFlip : _FlipCardModule2.default.flip),
-          onClick: this.onClick,
-          'data-id': ticListContainer
-        },
-        _react2.default.createElement(
-          'div',
-          { className: _FlipCardModule2.default.container, 'data-id': ticList },
-          !noNeedFlip ? _react2.default.createElement(
-            _Layout.Container,
-            {
-              align: 'both',
-              className: _FlipCardModule2.default.front + ' ' + (frontClass ? frontClass : '')
-            },
-            _react2.default.createElement(_CheckBox2.default, {
-              checked: isChecked,
-              name: 'category',
-              onChange: this.onChange,
-              id: 'checkbox_' + id,
-              dataId: 'listViewCheckBox_' + id
-            })
-          ) : null,
-          _react2.default.createElement(
-            _Layout.Container,
-            { align: 'both', className: _FlipCardModule2.default.back },
-            channel && action ? _react2.default.createElement(_ChannelIcon2.default, {
-              name: channel,
-              action: action,
-              size: size,
-              iconSize: iconSize,
-              iconClass: iconClass,
-              dataId: channel,
-              className: className,
-              palette: palette,
-              iconColor: iconColor
-            }) : icon ? _react2.default.createElement(_AvatarIcon2.default, {
-              name: icon,
-              iconSize: iconSize,
-              size: size,
-              iconClass: iconClass,
-              dataId: icon,
-              className: className,
-              iconColor: iconColor
-            }) : _react2.default.createElement(_AvatarUser2.default, {
-              name: name,
-              initial: initial,
-              size: size,
-              isPaid: isPaidUser,
-              isPortal: isPortalUser,
-              src: src,
-              dataId: dataId,
-              needTitle: needTitle
-            })
-          )
-        )
-      );
-    }
-  }]);
-
-  return FlipCard;
-}(_react.Component);
-
-exports.default = FlipCard;
-
-
-FlipCard.propTypes = {
-  action: _propTypes2.default.string,
-  channel: _propTypes2.default.string,
-  className: _propTypes2.default.string,
-  dataId: _propTypes2.default.string,
-  frontClass: _propTypes2.default.string,
-  icon: _propTypes2.default.string,
-  iconClass: _propTypes2.default.string,
-  iconSize: _propTypes2.default.string,
-  id: _propTypes2.default.string.isRequired,
-  initial: _propTypes2.default.string,
-  isChecked: _propTypes2.default.bool,
-  isPaidUser: _propTypes2.default.bool,
-  isPortalUser: _propTypes2.default.bool,
-  name: _propTypes2.default.string,
-  needTitle: _propTypes2.default.bool,
-  noNeedFlip: _propTypes2.default.bool,
-  onChange: _propTypes2.default.func,
-  palette: _propTypes2.default.oneOf(['primary', 'secondary', 'info', 'default']),
-  size: _propTypes2.default.string,
-  src: _propTypes2.default.string,
-  ticList: _propTypes2.default.string,
-  ticListContainer: _propTypes2.default.string,
-  iconColor: _propTypes2.default.string
-};
-FlipCard.defaultProps = {
-  size: 'medium',
-  needTitle: true
-};
-if (false) {
-  FlipCard.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/lib/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/lib/FlipCard/docs/FlipCard__default.docs.js

@@ -1,124 +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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _FlipCard = require('../FlipCard');
-
-var _FlipCard2 = _interopRequireDefault(_FlipCard);
-
-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 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 _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_FlipCard2.default, {
-            channel: 'email',
-            action: 'incoming',
-            id: 'test1',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            noNeedFlip: true,
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        _react2.default.createElement('br', null),
-        _react2.default.createElement('br', null),
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_FlipCard2.default, {
-            id: 'test2',
-            name: 'phone',
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        _react2.default.createElement('br', null),
-        _react2.default.createElement('br', null),
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_FlipCard2.default, {
-            id: 'test3',
-            name: 'EL',
-            isPaidUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        ),
-        _react2.default.createElement('br', null),
-        _react2.default.createElement('br', null),
-        _react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_FlipCard2.default, {
-            id: 'test4',
-            name: 'BK',
-            isPortalUser: true,
-            onChange: function onChange(id, checked) {
-              _this2.setState({ isChecked: checked });
-            },
-            isChecked: this.state.isChecked,
-            size: 'xmedium'
-          })
-        )
-      );
-    }
-  }]);
-
-  return FlipCard__default;
-}(_react.Component);
-
-exports.default = FlipCard__default;
-
-if (false) {
-  FlipCard__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/lib/FormAction/FormAction.js

@@ -1,150 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Center = exports.RightSide = exports.LeftSide = 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 _FormActionModule = require('./FormAction.module.css');
-
-var _FormActionModule2 = _interopRequireDefault(_FormActionModule);
-
-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 LeftSide = exports.LeftSide = function LeftSide(props) {
-  props.children;
-};
-var RightSide = exports.RightSide = function RightSide(props) {
-  props.children;
-};
-var Center = exports.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 = [];
-      _react2.default.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 _react2.default.createElement(
-        'div',
-        { className: _FormActionModule2.default.wrapperDiv },
-        _react2.default.createElement(
-          _Layout.Container,
-          {
-            alignBox: 'row',
-            isCover: false,
-            align: hasCenterChild ? 'around' : hasRightChild && !hasLeftChild ? 'right' : null,
-            className: ' \n                        ' + (_FormActionModule2.default.footerParent + ' ' + (hasCenterChild ? '' : _FormActionModule2.default[(paddingLeftSize ? paddingLeftSize : size) + 'Padding']) + ' ' + paddingRightClass) + '\n\n                        ' + _FormActionModule2.default[size + 'Footer'] + '\n                    '
-          },
-          hasLeftChild ? _react2.default.createElement(
-            _Layout.Box,
-            {
-              flexible: hasRightChild ? true : false,
-              shrink: !hasRightChild && hasLeftChild ? true : false
-            },
-            leftbuttonGroup.length > 1 ? leftbuttonGroup.map(function (item) {
-              return _react2.default.createElement(
-                'div',
-                { className: _FormActionModule2.default.marginRight },
-                item
-              );
-            }) : leftbuttonGroup[0]
-          ) : null,
-          hasRightChild ? _react2.default.createElement(
-            _Layout.Box,
-            { shrink: hasRightChild && !hasLeftChild ? true : false },
-            rightbuttonGroup.length > 1 ? rightbuttonGroup.map(function (item) {
-              return _react2.default.createElement(
-                'div',
-                { className: _FormActionModule2.default.marginRight },
-                item
-              );
-            }) : rightbuttonGroup[0]
-          ) : null,
-          hasCenterChild ? _react2.default.createElement(
-            _Layout.Box,
-            null,
-            centerbuttonGroup.length > 1 ? centerbuttonGroup.map(function (item, index) {
-              return _react2.default.createElement(
-                'div',
-                { className: _FormActionModule2.default.marginRight, key: index },
-                item
-              );
-            }) : centerbuttonGroup[0]
-          ) : null
-        )
-      );
-    }
-  }]);
-
-  return FormAction;
-}(_react2.default.Component);
-
-exports.default = FormAction;
-
-
-FormAction.propTypes = {
-  children: _propTypes2.default.node,
-  paddingLeftSize: _propTypes2.default.oneOf(['large', 'medium', 'xmedium', 'small', 'xsmall']),
-  paddingRightClass: _propTypes2.default.string,
-  size: _propTypes2.default.oneOf(['large', 'medium', 'small'])
-};
-
-FormAction.defaultProps = {
-  size: 'medium',
-  paddingRightClass: ''
-};

package/lib/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;
-}