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

package/es/list/StatusDropdown/StatusDropdown.js

@@ -1,205 +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 Popup from '@zohodesk/components/lib/Popup/Popup';
-import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
-import BluePrintStatus from '../BluePrintStatus/BluePrintStatus';
-import { StatusText } from '../SecondaryText';
-import Icon from '@zohodesk/icons/lib/Icon';
-import style from './StatusDropdown.module.css';
-import { licensePermissionCheckHOC, RestrictionValidator } from '@zohodesk/permissions';
-import { compose } from 'redux';
-
-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 React.createElement(
-        'span',
-        {
-          className: style.container,
-          onClick: disableClick ? this.onClick : removeClose
-        },
-        React.createElement(
-          'span',
-          {
-            className: style.label + ' ' + (disableClick && style.pointer) + ' ' + (isRead ? style.read : ''),
-            ref: getTargetRef,
-            'data-id': 'tktStatus'
-          },
-          bluePrintDetail && React.createElement(BluePrintStatus, { isOverdue: isOverdue, title: iconText }),
-          React.createElement(StatusText, {
-            className: style.statusValue + ' ' + labelClass,
-            color: statusColor,
-            text: status,
-            isBold: isRead,
-            dataTitle: status
-          }),
-          React.createElement(
-            'span',
-            { className: '' + (disableClick ? style.arrow : style.hiddenArrow) },
-            React.createElement(Icon, { name: 'ZD-blockDownArrow', size: '6' })
-          )
-        ),
-        isPopupOpen ? React.createElement(
-          DropBox,
-          {
-            isActive: isPopupReady,
-            boxPosition: position == 'bottomCenter' ? 'bottomLeft' : 'topLeft',
-            isAnimate: true,
-            size: 'small',
-            top: 8,
-            right: -27,
-            getRef: getContainerRef,
-            isArrow: false
-          },
-          React.createElement(
-            'div',
-            { className: style.dropdown, 'data-id': 'StatusList' },
-            statusMapping.map(function (item, i) {
-              return React.createElement(ListItem, {
-                key: i,
-                value: item.name,
-                autoHover: true,
-                active: status == item.name ? true : false,
-                needBorder: false,
-                needTick: true,
-                onClick: _this2.onChangeStatus
-              });
-            })
-          )
-        ) : null
-      );
-    }
-  }]);
-
-  return StatusComponent;
-}(Component);
-
-StatusComponent.defaultProps = {
-  isReadOnly: false,
-  statusColor: 'black'
-};
-StatusComponent.propTypes = {
-  bluePrintDetail: PropTypes.object,
-  disablePopup: PropTypes.bool,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isRead: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  labelClass: PropTypes.string,
-  onChangeStatusMapping: PropTypes.func,
-  onStatusPopupOpen: PropTypes.func,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  status: PropTypes.string,
-  statusColor: PropTypes.oneOf(['default', 'black', 'red', 'orange', 'green']),
-  statusMapping: PropTypes.array,
-  togglePopup: PropTypes.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 React.createElement(
-    RestrictionValidator,
-    { features: features, module: module, action: 'status' },
-    React.createElement(StatusComponent, props)
-  );
-};
-StatusDropDownComponent.propTypes = {
-  dataId: PropTypes.string,
-  features: PropTypes.array,
-  module: PropTypes.string
-};
-var StatusDropDown = compose(Popup, 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);
-export default StatusDropDown;
-if (false) {
-  StatusDropDown.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusDropDown'
-  };
-}

package/es/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/es/list/StatusDropdown/docs/StatusDropdown__default.docs.js

@@ -1,76 +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 StatusDropdown from '../StatusDropdown';
-import { I18NProvider } from '@zohodesk/i18n';
-
-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 React.createElement(
-        I18NProvider,
-        { permission: permission, license: {} },
-        React.createElement(
-          'span',
-          { style: { margin: '40px 100px', display: 'inline-block' } },
-          React.createElement(StatusDropdown, {
-            status: 'Escalated and Closed',
-            statusMapping: statusMapping,
-            changeStatus: function changeStatus() {}
-          })
-        )
-      );
-    }
-  }]);
-
-  return StatusDropdown__default;
-}(Component);
-
-export default StatusDropdown__default;
-
-if (false) {
-  StatusDropdown__default.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusDropDown'
-  };
-}

package/es/list/TimeInfo/TimeInfo.js

@@ -1,171 +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 UserTime from '../UserTime/UserTime';
-
-import { UserTimeDiffFormat, i18NProviderUtils } from '@zohodesk/i18n';
-import { getPriorityColor } from '../../utils/Ticket';
-
-var TimeInfo = function (_Component) {
-  _inherits(TimeInfo, _Component);
-
-  function TimeInfo(props) {
-    _classCallCheck(this, TimeInfo);
-
-    var _this = _possibleConstructorReturn(this, (TimeInfo.__proto__ || _Object$getPrototypeOf(TimeInfo)).call(this, props));
-
-    _this.getTitle = _this.getTitle.bind(_this);
-    _this.getOverDueText = _this.getOverDueText.bind(_this);
-    return _this;
-  }
-
-  _createClass(TimeInfo, [{
-    key: 'getTitle',
-    value: function getTitle(time, prefix) {
-      var i18N = i18NProviderUtils.getI18NValue;
-      var i18NDate = i18NProviderUtils.userDateFormat;
-      var i18nStr = prefix;
-      var suffix = i18NDate(time, {}, 'lateby', 'left', false, function (obj, pattern) {
-        return 'DD MMM YYYY hh:mm A';
-      });
-      return i18N(i18nStr, suffix);
-    }
-  }, {
-    key: 'getOverDueText',
-    value: function getOverDueText(dueDate) {
-      var i18N = i18NProviderUtils.getI18NValue;
-      var i18NDate = i18NProviderUtils.userDateFormat;
-      var isOverDue = false;
-      var overDueText = 'support.ticket.label.overduetime.info';
-      var dueDateText = 'support.ticket.label.duetime.info';
-      var formattedDate = i18NDate(dueDate, {}, overDueText, dueDateText, false, function (_ref) {
-        var suffix = _ref.suffix;
-
-        if (suffix === overDueText) {
-          isOverDue = true;
-        }
-        return 'DD MMM YYYY hh:mm A';
-      });
-      var i18nStr = isOverDue ? overDueText : dueDateText;
-      return { isOverDue: isOverDue, overDueText: i18N(i18nStr, formattedDate) };
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          closedTime = _props.closedTime,
-          dueDateTime = _props.dueDateTime,
-          createdTime = _props.createdTime,
-          reverse = _props.reverse,
-          priority = _props.priority;
-
-
-      var isClosedTicket = closedTime ? true : false;
-      var isDueDateTicket = dueDateTime ? true : false;
-
-      if (isClosedTicket) {
-        return React.createElement(UserTime, {
-          to: closedTime,
-          format: function format(_ref2) {
-            var years = _ref2.years,
-                days = _ref2.days,
-                months = _ref2.months,
-                hours = _ref2.hours;
-
-            if (years == 0 && days == 0 && months == 0) {
-              return 'hh:mm A';
-            } else if (years == 0 && days < 7 && months == 0) {
-              return 'ddd DD MMM';
-            } else if (years == 0 && months > 1) {
-              return 'DD MMM';
-            }
-            return 'DD MMM YYYY';
-          },
-          ago: 'ago',
-          later: 'late',
-          icon: 'closedTime',
-          title: this.getTitle(closedTime, 'support.ticket.label.closedtime.info'),
-          dataId: 'closedTime'
-        });
-      } else if (isDueDateTicket) {
-        var _getOverDueText = this.getOverDueText(dueDateTime, priority),
-            isOverDue = _getOverDueText.isOverDue,
-            overDueText = _getOverDueText.overDueText;
-
-        return React.createElement(UserTime, {
-          to: dueDateTime,
-          format: function format(_ref3) {
-            var years = _ref3.years,
-                days = _ref3.days,
-                months = _ref3.months,
-                hours = _ref3.hours;
-
-            if (years == 0 && days == 0 && months == 0) {
-              return 'hh:mm A';
-            } else if (years == 0 && days < 7 && months == 0) {
-              return 'ddd DD MMM';
-            } else if (years == 0 && months > 1) {
-              return 'DD MMM';
-            }
-            return 'DD MMM YYYY';
-          },
-          ago: 'ago',
-          later: 'late',
-          icon: isOverDue ? 'overdue' : 'dueTime',
-          iconColor: isOverDue ? 'red' : getPriorityColor(priority),
-          title: overDueText,
-          dataId: isOverDue ? 'overdue' : 'dueTime'
-        });
-      }
-      return React.createElement(UserTime, {
-        to: createdTime,
-        format: function format(_ref4) {
-          var years = _ref4.years,
-              days = _ref4.days,
-              months = _ref4.months,
-              hours = _ref4.hours;
-
-          if (years == 0 && days == 0 && months == 0) {
-            return 'hh:mm A';
-          } else if (years == 0 && days < 7 && months == 0) {
-            return 'ddd DD MMM';
-          } else if (years == 0 && months > 1) {
-            return 'DD MMM';
-          }
-          return 'DD MMM YYYY';
-        },
-        ago: 'ago',
-        later: 'late',
-        icon: 'createdTime',
-        title: this.getTitle(createdTime, 'support.ticket.label.createdtime.info'),
-        iconColor: getPriorityColor(priority),
-        dataId: 'createdTime'
-      });
-    }
-  }]);
-
-  return TimeInfo;
-}(Component);
-
-export default TimeInfo;
-
-TimeInfo.propTypes = {
-  closedTime: PropTypes.string,
-  createdTime: PropTypes.string,
-  dataId: PropTypes.string,
-  dueDateTime: PropTypes.string,
-  priority: PropTypes.string,
-  reverse: PropTypes.bool
-};
-TimeInfo.defaultProps = {
-  reverse: false
-};
-if (false) {
-  TimeInfo.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/es/list/TimeInfo/docs/TimeInfo__default.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 TimeInfo from '../TimeInfo';
-import { I18NProvider } from '@zohodesk/i18n';
-
-var TimeInfo__default = function (_Component) {
-  _inherits(TimeInfo__default, _Component);
-
-  function TimeInfo__default(props) {
-    _classCallCheck(this, TimeInfo__default);
-
-    return _possibleConstructorReturn(this, (TimeInfo__default.__proto__ || _Object$getPrototypeOf(TimeInfo__default)).call(this, props));
-  }
-
-  _createClass(TimeInfo__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        I18NProvider,
-        { timeZone: 'Asia/Calcutta' },
-        React.createElement(
-          'div',
-          null,
-          React.createElement(TimeInfo, { closedTime: '2018-03-14T06:00:00.000Z', dueDateTime: '', createdTime: '' }),
-          React.createElement('br', null),
-          React.createElement(TimeInfo, { closedTime: '', dueDateTime: '2018-03-14T06:00:00.000Z', createdTime: '' }),
-          React.createElement('br', null),
-          React.createElement(TimeInfo, { closedTime: '', dueDateTime: '', createdTime: '2018-03-14T06:00:00.000Z' }),
-          React.createElement('br', null)
-        )
-      );
-    }
-  }]);
-
-  return TimeInfo__default;
-}(Component);
-
-export default TimeInfo__default;
-
-if (false) {
-  TimeInfo__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}