@zohodesk/dot 1.0.0-beta.23 → 1.0.0-beta.230

package/lib/GridIcons/GridIcons.js

@@ -1,109 +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 _Layout = require('@zohodesk/components/lib/Layout');
-
-var _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _GridIconsModule = require('./GridIcons.module.css');
-
-var _GridIconsModule2 = _interopRequireDefault(_GridIconsModule);
-
-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 GridIcons = function (_Component) {
-  _inherits(GridIcons, _Component);
-
-  function GridIcons() {
-    _classCallCheck(this, GridIcons);
-
-    return _possibleConstructorReturn(this, (GridIcons.__proto__ || Object.getPrototypeOf(GridIcons)).apply(this, arguments));
-  }
-
-  _createClass(GridIcons, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          onClick = _props.onClick,
-          dataId = _props.dataId,
-          eleRef = _props.eleRef,
-          iconName = _props.iconName,
-          iconSize = _props.iconSize,
-          isBold = _props.isBold,
-          dataTitle = _props.dataTitle,
-          iconClass = _props.iconClass,
-          className = _props.className,
-          tourId = _props.tourId;
-
-      return _react2.default.createElement(
-        _Layout.Container,
-        {
-          alignBox: 'row',
-          className: _GridIconsModule2.default.iconContainer + ' ' + (className ? className : ''),
-          onClick: onClick,
-          eleRef: eleRef,
-          align: 'both',
-          isCover: false,
-          'data-title': dataTitle,
-          dataId: dataId,
-          isInline: true,
-          tourId: tourId
-        },
-        _react2.default.createElement(_Icon2.default, {
-          name: iconName,
-          size: iconSize,
-          isBold: isBold,
-          iconClass: iconClass
-        })
-      );
-    }
-  }]);
-
-  return GridIcons;
-}(_react.Component);
-
-exports.default = GridIcons;
-
-
-GridIcons.propTypes = {
-  className: _propTypes2.default.string,
-  dataId: _propTypes2.default.string,
-  dataTitle: _propTypes2.default.string,
-  eleRef: _propTypes2.default.func,
-  iconClass: _propTypes2.default.string,
-  iconName: _propTypes2.default.string,
-  iconSize: _propTypes2.default.string,
-  isBold: _propTypes2.default.bool,
-  onClick: _propTypes2.default.func,
-  tourId: _propTypes2.default.object
-};
-GridIcons.defaultProps = {
-  iconName: 'ZD-more1',
-  isBold: false
-};
-if (false) {
-  GridIcons.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/lib/GridIcons/GridIcons.module.css

@@ -1,11 +0,0 @@
-.iconContainer {
-  width: var(--zd_size28);
-  height: var(--zd_size28);
-  color: var(--dot_text_black);
-  border: 1px solid var(--dot_border_paleBlue);
-  border-radius: var(--zd_size4);
-  cursor: pointer;
-}
-.iconContainer:hover {
-  border: solid 1px var(--dot_border_slateGrey);
-}

package/lib/GridIcons/docs/GridIcons__default.docs.js

@@ -1,50 +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 _GridIcons = require('../GridIcons');
-
-var _GridIcons2 = _interopRequireDefault(_GridIcons);
-
-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 GridIcons__default = function (_Component) {
-  _inherits(GridIcons__default, _Component);
-
-  function GridIcons__default() {
-    _classCallCheck(this, GridIcons__default);
-
-    return _possibleConstructorReturn(this, (GridIcons__default.__proto__ || Object.getPrototypeOf(GridIcons__default)).apply(this, arguments));
-  }
-
-  _createClass(GridIcons__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_GridIcons2.default, { iconSize: '12' });
-    }
-  }]);
-
-  return GridIcons__default;
-}(_react.Component);
-
-exports.default = GridIcons__default;
-
-if (false) {
-  GridIcons__default.docs = {
-    componentGroup: 'Atom'
-  };
-}

package/lib/list/StatusDropdown/StatusDropdown.js

@@ -1,243 +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 _Popup = require('@zohodesk/components/lib/Popup/Popup');
-
-var _Popup2 = _interopRequireDefault(_Popup);
-
-var _DropBox = require('@zohodesk/components/lib/DropBox/DropBox');
-
-var _DropBox2 = _interopRequireDefault(_DropBox);
-
-var _ListItem = require('@zohodesk/components/lib/ListItem/ListItem');
-
-var _ListItem2 = _interopRequireDefault(_ListItem);
-
-var _BluePrintStatus = require('../BluePrintStatus/BluePrintStatus');
-
-var _BluePrintStatus2 = _interopRequireDefault(_BluePrintStatus);
-
-var _SecondaryText = require('../SecondaryText');
-
-var _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _StatusDropdownModule = require('./StatusDropdown.module.css');
-
-var _StatusDropdownModule2 = _interopRequireDefault(_StatusDropdownModule);
-
-var _permissions = require('@zohodesk/permissions');
-
-var _redux = require('redux');
-
-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 StatusComponent = function (_Component) {
-  _inherits(StatusComponent, _Component);
-
-  function StatusComponent(props) {
-    _classCallCheck(this, StatusComponent);
-
-    var _this = _possibleConstructorReturn(this, (StatusComponent.__proto__ || Object.getPrototypeOf(StatusComponent)).call(this, props));
-
-    _this.onClick = _this.onClick.bind(_this);
-    _this.onChangeStatus = _this.onChangeStatus.bind(_this);
-    return _this;
-  }
-
-  _createClass(StatusComponent, [{
-    key: 'onClick',
-    value: function onClick(e) {
-      var _props = this.props,
-          isPopupOpen = _props.isPopupOpen,
-          onStatusPopupOpen = _props.onStatusPopupOpen,
-          togglePopup = _props.togglePopup;
-
-      if (!isPopupOpen && onStatusPopupOpen) {
-        onStatusPopupOpen();
-      }
-      togglePopup(e);
-    }
-  }, {
-    key: 'onChangeStatus',
-    value: function onChangeStatus(e, status) {
-      var _props2 = this.props,
-          onChangeStatusMapping = _props2.onChangeStatusMapping,
-          togglePopup = _props2.togglePopup;
-
-      onChangeStatusMapping(status);
-      togglePopup(e);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props3 = this.props,
-          status = _props3.status,
-          removeClose = _props3.removeClose,
-          statusMapping = _props3.statusMapping,
-          isReadOnly = _props3.isReadOnly,
-          statusColor = _props3.statusColor,
-          labelClass = _props3.labelClass,
-          isRead = _props3.isRead,
-          bluePrintDetail = _props3.bluePrintDetail,
-          disablePopup = _props3.disablePopup,
-          isPopupOpen = _props3.isPopupOpen,
-          isPopupReady = _props3.isPopupReady,
-          position = _props3.position,
-          getTargetRef = _props3.getTargetRef,
-          getContainerRef = _props3.getContainerRef;
-
-      var disableClick = !(isReadOnly || disablePopup);
-      var isOverdue = bluePrintDetail && bluePrintDetail.isOverdue || false;
-      var iconText = bluePrintDetail && bluePrintDetail.iconText || '';
-      return _react2.default.createElement(
-        'span',
-        {
-          className: _StatusDropdownModule2.default.container,
-          onClick: disableClick ? this.onClick : removeClose
-        },
-        _react2.default.createElement(
-          'span',
-          {
-            className: _StatusDropdownModule2.default.label + ' ' + (disableClick && _StatusDropdownModule2.default.pointer) + ' ' + (isRead ? _StatusDropdownModule2.default.read : ''),
-            ref: getTargetRef,
-            'data-id': 'tktStatus'
-          },
-          bluePrintDetail && _react2.default.createElement(_BluePrintStatus2.default, { isOverdue: isOverdue, title: iconText }),
-          _react2.default.createElement(_SecondaryText.StatusText, {
-            className: _StatusDropdownModule2.default.statusValue + ' ' + labelClass,
-            color: statusColor,
-            text: status,
-            isBold: isRead,
-            dataTitle: status
-          }),
-          _react2.default.createElement(
-            'span',
-            { className: '' + (disableClick ? _StatusDropdownModule2.default.arrow : _StatusDropdownModule2.default.hiddenArrow) },
-            _react2.default.createElement(_Icon2.default, { name: 'ZD-blockDownArrow', size: '6' })
-          )
-        ),
-        isPopupOpen ? _react2.default.createElement(
-          _DropBox2.default,
-          {
-            isActive: isPopupReady,
-            boxPosition: position == 'bottomCenter' ? 'bottomLeft' : 'topLeft',
-            isAnimate: true,
-            size: 'small',
-            top: 8,
-            right: -27,
-            getRef: getContainerRef,
-            isArrow: false
-          },
-          _react2.default.createElement(
-            'div',
-            { className: _StatusDropdownModule2.default.dropdown, 'data-id': 'StatusList' },
-            statusMapping.map(function (item, i) {
-              return _react2.default.createElement(_ListItem2.default, {
-                key: i,
-                value: item.name,
-                autoHover: true,
-                active: status == item.name ? true : false,
-                needBorder: false,
-                needTick: true,
-                onClick: _this2.onChangeStatus
-              });
-            })
-          )
-        ) : null
-      );
-    }
-  }]);
-
-  return StatusComponent;
-}(_react.Component);
-
-StatusComponent.defaultProps = {
-  isReadOnly: false,
-  statusColor: 'black'
-};
-StatusComponent.propTypes = {
-  bluePrintDetail: _propTypes2.default.object,
-  disablePopup: _propTypes2.default.bool,
-  getContainerRef: _propTypes2.default.func,
-  getTargetRef: _propTypes2.default.func,
-  isPopupOpen: _propTypes2.default.bool,
-  isPopupReady: _propTypes2.default.bool,
-  isRead: _propTypes2.default.bool,
-  isReadOnly: _propTypes2.default.bool,
-  labelClass: _propTypes2.default.string,
-  onChangeStatusMapping: _propTypes2.default.func,
-  onStatusPopupOpen: _propTypes2.default.func,
-  position: _propTypes2.default.string,
-  removeClose: _propTypes2.default.func,
-  status: _propTypes2.default.string,
-  statusColor: _propTypes2.default.oneOf(['default', 'black', 'red', 'orange', 'green']),
-  statusMapping: _propTypes2.default.array,
-  togglePopup: _propTypes2.default.func
-};
-var StatusDropDownComponent = function StatusDropDownComponent(props) {
-  var _props$features = props.features,
-      features = _props$features === undefined ? [] : _props$features,
-      _props$module = props.module,
-      module = _props$module === undefined ? 'tickets' : _props$module;
-
-  return _react2.default.createElement(
-    _permissions.RestrictionValidator,
-    { features: features, module: module, action: 'status' },
-    _react2.default.createElement(StatusComponent, props)
-  );
-};
-StatusDropDownComponent.propTypes = {
-  dataId: _propTypes2.default.string,
-  features: _propTypes2.default.array,
-  module: _propTypes2.default.string
-};
-var StatusDropDown = (0, _redux.compose)(_Popup2.default, (0, _permissions.licensePermissionCheckHOC)({
-  component: {
-    license: '*',
-    permission: '*'
-  },
-  props: {
-    disablePopup: function disablePopup(props) {
-      var _props$module2 = props.module,
-          module = _props$module2 === undefined ? 'tickets' : _props$module2;
-
-      var permission = module + '_edit';
-      return {
-        permission: permission,
-        obj: false,
-        falseObj: true
-      };
-    }
-  }
-}))(StatusDropDownComponent);
-exports.default = StatusDropDown;
-
-if (false) {
-  StatusDropDown.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusDropDown'
-  };
-}

package/lib/list/StatusDropdown/StatusDropdown.module.css

@@ -1,65 +0,0 @@
-.container {
-  position: relative;
-  max-width: 100%;
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-  line-height: normal;
-  cursor: default;
-}
-
-.pointer {
-  cursor: pointer;
-}
-
-.read {
-  font-family: var(--zd_semibold);
-}
-
-.label {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100%;
-}
-
-.statusValue {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexbasis from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.arrow,
-.hiddenArrow {
-  vertical-align: middle;
-}
-
-[dir=ltr] .arrow, [dir=ltr] .hiddenArrow {
-  margin-left: var(--zd_size5);
-}
-
-[dir=rtl] .arrow, [dir=rtl] .hiddenArrow {
-  margin-right: var(--zd_size5);
-}
-
-.container:hover .arrow {
-  visibility: visible;
-}
-
-.hiddenArrow,
-.arrow {
-  visibility: hidden;
-  font-size: var(--zd_size8);
-}
-
-.dropdown {
-  max-height: var(--zd_size180);
-  composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
-  margin: var(--zd_size10) 0;
-  padding: var(--zd_size10) 0;
-}
-
-[dir=ltr] .dropdown {
-  text-align: left;
-}
-
-[dir=rtl] .dropdown {
-  text-align: right;
-}

package/lib/list/StatusDropdown/docs/StatusDropdown__default.docs.js

@@ -1,96 +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 _StatusDropdown = require('../StatusDropdown');
-
-var _StatusDropdown2 = _interopRequireDefault(_StatusDropdown);
-
-var _i18n = require('@zohodesk/i18n');
-
-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 StatusDropdown__default = function (_Component) {
-  _inherits(StatusDropdown__default, _Component);
-
-  function StatusDropdown__default(props) {
-    _classCallCheck(this, StatusDropdown__default);
-
-    return _possibleConstructorReturn(this, (StatusDropdown__default.__proto__ || Object.getPrototypeOf(StatusDropdown__default)).call(this, props));
-  }
-
-  _createClass(StatusDropdown__default, [{
-    key: 'render',
-    value: function render() {
-      var statusMapping = [{ mappingValue: 'Open', restoretoDefault: false, name: 'In Progress' }, { mappingValue: 'Open', restoretoDefault: true, name: '開いた' }, {
-        mappingValue: 'Closed',
-        restoretoDefault: true,
-        name: 'Escalated and Closed'
-      }, {
-        mappingValue: 'Closed',
-        restoretoDefault: true,
-        name: 'Resolution Pending'
-      }, { mappingValue: 'Open', restoretoDefault: false, name: 'открытый' }, {
-        mappingValue: 'Open',
-        restoretoDefault: true,
-        name: 'Request pending from developer'
-      }, { mappingValue: 'Open', restoretoDefault: true, name: 'Open' }, { mappingValue: 'Open', restoretoDefault: true, name: 'On Hold' }, { mappingValue: 'Open', restoretoDefault: true, name: 'Follow up' }, {
-        mappingValue: 'Open',
-        restoretoDefault: true,
-        name: 'Fixed in Development'
-      }, { mappingValue: 'Open', restoretoDefault: true, name: 'Feature request' }, { mappingValue: 'Open', restoretoDefault: true, name: 'Escalated' }, { mappingValue: 'Open', restoretoDefault: true, name: 'Demo' }, { mappingValue: 'Closed', restoretoDefault: true, name: 'Closed' }, {
-        mappingValue: 'Open',
-        restoretoDefault: true,
-        name: 'Awaiting PM confirmation'
-      }];
-      var permission = {
-        tickets: {
-          edit: true,
-          delete: true
-        }
-      };
-      return _react2.default.createElement(
-        _i18n.I18NProvider,
-        { permission: permission, license: {} },
-        _react2.default.createElement(
-          'span',
-          { style: { margin: '40px 100px', display: 'inline-block' } },
-          _react2.default.createElement(_StatusDropdown2.default, {
-            status: 'Escalated and Closed',
-            statusMapping: statusMapping,
-            changeStatus: function changeStatus() {}
-          })
-        )
-      );
-    }
-  }]);
-
-  return StatusDropdown__default;
-}(_react.Component);
-
-exports.default = StatusDropdown__default;
-
-if (false) {
-  StatusDropdown__default.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusDropDown'
-  };
-}