@zohodesk/dot 1.0.0-beta.20 → 1.0.0-beta.203

package/src/SVG/TemplateIcon.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from '@zohodesk/svg/lib/svg/SVG';
-export default class TemplateIcon extends React.Component {
-  render() {
-    let { isRender, isSymbol, className } = this.props;
-    return (
-      <SVG
-        viewBox='0 0 32 32'
-        name='TemplateIcon'
-        isRender={isRender}
-        isSymbol={isSymbol}
-        className={className}
-      >
-        <g>
-          <path
-            d='M3.6,27.7h5.9v2.8c0,0.8,0.7,1.5,1.5,1.5h17.4c0.8,0,1.5-0.7,1.5-1.5V5.9c0-0.8-0.7-1.5-1.5-1.5h-5.9V1.5
-  C22.5,0.7,21.8,0,21,0L3.6,0C2.8,0,2.1,0.7,2.1,1.5v24.6C2.1,27,2.8,27.7,3.6,27.7z M28.4,5.7c0.1,0,0.2,0.1,0.2,0.2v24.6
-  c0,0.1-0.1,0.2-0.2,0.2H11c-0.1,0-0.2-0.1-0.2-0.2V5.9c0-0.1,0.1-0.2,0.2-0.2C11,5.7,28.4,5.7,28.4,5.7z M9.5,16.6v3.1V16.6z
-   M9.5,12v3.3V12z M9.5,7.6v3.2V7.6z M9.5,21v5.3H3.6c-0.1,0-0.2-0.1-0.2-0.2V1.5c0-0.1,0.1-0.2,0.2-0.2H21c0.1,0,0.2,0.1,0.2,0.2
-  v2.7L11,4.3c-0.8,0-1.5,0.7-1.5,1.5v0.1L9.5,21z M26.9,25.5c0,0.4-0.3,0.7-0.7,0.7H15.7c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7
-  h10.6C26.6,24.8,26.9,25.1,26.9,25.5z M12.8,21c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4
-  C13.1,21.7,12.8,21.4,12.8,21L12.8,21z M12.8,16.5c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4
-  C13.1,17.1,12.8,16.8,12.8,16.5L12.8,16.5z M12.8,12c0-0.4,0.3-0.7,0.7-0.7h12.8c0.4,0,0.7,0.3,0.7,0.7s-0.3,0.7-0.7,0.7H13.4
-  C13.1,12.6,12.8,12.4,12.8,12L12.8,12z'
-          />
-        </g>
-      </SVG>
-    );
-  }
-}
-TemplateIcon.propTypes = {
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool,
-  className: PropTypes.string
-};
-TemplateIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
-if (__DOCS__) {
-  TemplateIcon.docs = {
-    componentGroup: 'SVG'
-  };
-}

package/src/list/StatusDropdown/StatusDropdown.js

@@ -1,172 +0,0 @@
-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';
-class StatusComponent extends Component {
-  constructor(props) {
-    super(props);
-    this.onClick = this.onClick.bind(this);
-    this.onChangeStatus = this.onChangeStatus.bind(this);
-  }
-
-  onClick(e) {
-    let { isPopupOpen, onStatusPopupOpen, togglePopup } = this.props;
-    if (!isPopupOpen && onStatusPopupOpen) {
-      onStatusPopupOpen();
-    }
-    togglePopup(e);
-  }
-
-  onChangeStatus(e, status) {
-    let { onChangeStatusMapping, togglePopup } = this.props;
-    onChangeStatusMapping(status);
-    togglePopup(e);
-  }
-
-  render() {
-    let {
-      status,
-      removeClose,
-      statusMapping,
-      isReadOnly,
-      statusColor,
-      labelClass,
-      isRead,
-      bluePrintDetail,
-      disablePopup,
-      isPopupOpen,
-      isPopupReady,
-      position,
-      getTargetRef,
-      getContainerRef
-    } = this.props;
-    let disableClick = !(isReadOnly || disablePopup);
-    let isOverdue = (bluePrintDetail && bluePrintDetail.isOverdue) || false;
-    let iconText = (bluePrintDetail && bluePrintDetail.iconText) || '';
-    return (
-      <span
-        className={style.container}
-        onClick={disableClick ? this.onClick : removeClose}
-      >
-        <span
-          className={`${style.label} ${disableClick && style.pointer} ${
-            isRead ? style.read : ''
-          }`}
-          ref={getTargetRef}
-          data-id='tktStatus'
-        >
-          {bluePrintDetail && (
-            <BluePrintStatus isOverdue={isOverdue} title={iconText} />
-          )}
-          <StatusText
-            className={`${style.statusValue} ${labelClass}`}
-            color={statusColor}
-            text={status}
-            isBold={isRead}
-            dataTitle={status}
-          />
-          <span className={`${disableClick ? style.arrow : style.hiddenArrow}`}>
-            <Icon name='ZD-blockDownArrow' size='6' />
-          </span>
-        </span>
-        {isPopupOpen ? (
-          <DropBox
-            isActive={isPopupReady}
-            boxPosition={position == 'bottomCenter' ? 'bottomLeft' : 'topLeft'}
-            isAnimate
-            size='small'
-            top={8}
-            right={-27}
-            getRef={getContainerRef}
-            isArrow={false}
-          >
-            <div className={style.dropdown} data-id='StatusList'>
-              {statusMapping.map((item, i) => (
-                <ListItem
-                  key={i}
-                  value={item.name}
-                  autoHover
-                  active={status == item.name ? true : false}
-                  onClick={this.onChangeStatus}
-                />
-              ))}
-            </div>
-          </DropBox>
-        ) : null}
-      </span>
-    );
-  }
-}
-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
-};
-const StatusDropDownComponent = props => {
-  let { features = [], module = 'tickets' } = props;
-  return (
-    <RestrictionValidator features={features} module={module} action='status'>
-      <StatusComponent {...props} />
-    </RestrictionValidator>
-  );
-};
-StatusDropDownComponent.propTypes = {
-  dataId: PropTypes.string,
-  features: PropTypes.array,
-  module: PropTypes.string
-};
-let StatusDropDown = compose(
-  Popup,
-  licensePermissionCheckHOC({
-    component: {
-      license: '*',
-      permission: '*'
-    },
-    props: {
-      disablePopup: props => {
-        let { module = 'tickets' } = props;
-        let permission = `${module}_edit`;
-        return {
-          permission,
-          obj: false,
-          falseObj: true
-        };
-      }
-    }
-  })
-)(StatusDropDownComponent);
-export default StatusDropDown;
-if (__DOCS__) {
-  StatusDropDown.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusDropDown'
-  };
-}

package/src/list/StatusDropdown/StatusDropdown.module.css

@@ -1,51 +0,0 @@
-.container {
-  position: relative;
-  cursor: default;
-  max-width: 100%;
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-  line-height: normal;
-}
-
-.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 {
-  margin-left: var(--zd_size5);
-  vertical-align: middle;
-}
-
-.container:hover .arrow {
-  visibility: visible;
-}
-
-.hiddenArrow,
-.arrow {
-  visibility: hidden;
-  font-size: var(--zd_size8);
-}
-
-.dropdown {
-  max-height: var(--zd_size180);
-  margin: var(--zd_size10) 0;
-  composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
-  text-align: left;
-  padding: var(--zd_size10) 0;
-}

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

@@ -1,72 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import StatusDropdown from '../StatusDropdown';
-import { I18NProvider } from '@zohodesk/i18n';
-export default class StatusDropdown__default extends Component {
-  constructor( props ) {
-    super( props );
-  }
-
-  render() {
-    let 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'
-      }
-    ];
-    let permission = {
-      tickets: {
-        edit: true,
-        delete: true
-      }
-    };
-    return (
-      <I18NProvider permission={permission} license={{}}>
-        <span style={{ margin: '40px 100px', display: 'inline-block' }}>
-          <StatusDropdown
-            status='Escalated and Closed'
-            statusMapping={statusMapping}
-            changeStatus={() => { }}
-          />
-        </span>
-      </I18NProvider>
-    );
-  }
-}
-if ( __DOCS__ ) {
-  StatusDropdown__default.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusDropDown'
-  };
-}

package/src/list/TimeInfo/TimeInfo.js

@@ -1,156 +0,0 @@
-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';
-export default class TimeInfo extends Component {
-  constructor(props) {
-    super(props);
-    this.getTitle = this.getTitle.bind(this);
-    this.getOverDueText = this.getOverDueText.bind(this);
-  }
-
-  getTitle(time, prefix) {
-    let i18N = i18NProviderUtils.getI18NValue;
-    let i18NDate = i18NProviderUtils.userDateFormat;
-    let i18nStr = prefix;
-    let suffix = i18NDate(
-      time,
-      {},
-      'lateby',
-      'left',
-      false,
-      (obj, pattern) => 'DD MMM YYYY hh:mm A'
-    );
-    return i18N(i18nStr, suffix);
-  }
-
-  getOverDueText(dueDate) {
-    let i18N = i18NProviderUtils.getI18NValue;
-    let i18NDate = i18NProviderUtils.userDateFormat;
-    let isOverDue = false;
-    let overDueText = 'support.ticket.label.overduetime.info';
-    let dueDateText = 'support.ticket.label.duetime.info';
-    let formattedDate = i18NDate(
-      dueDate,
-      {},
-      overDueText,
-      dueDateText,
-      false,
-      ({ suffix }) => {
-        if (suffix === overDueText) {
-          isOverDue = true;
-        }
-        return 'DD MMM YYYY hh:mm A';
-      }
-    );
-    let i18nStr = isOverDue ? overDueText : dueDateText;
-    return { isOverDue, overDueText: i18N(i18nStr, formattedDate) };
-  }
-
-  render() {
-    let {
-      closedTime,
-      dueDateTime,
-      createdTime,
-      reverse,
-      priority
-    } = this.props;
-
-    let isClosedTicket = closedTime ? true : false;
-    let isDueDateTicket = dueDateTime ? true : false;
-
-    if (isClosedTicket) {
-      return (
-        <UserTime
-          to={closedTime}
-          format={({ years, days, months, 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) {
-      let { isOverDue, overDueText } = this.getOverDueText(
-        dueDateTime,
-        priority
-      );
-      return (
-        <UserTime
-          to={dueDateTime}
-          format={({ years, days, months, 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 (
-      <UserTime
-        to={createdTime}
-        format={({ years, days, months, 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'
-      />
-    );
-  }
-}
-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 (__DOCS__) {
-  TimeInfo.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/src/list/TimeInfo/docs/TimeInfo__default.docs.js

@@ -1,26 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import TimeInfo from '../TimeInfo';
-import {I18NProvider} from '@zohodesk/i18n';
-export default class TimeInfo__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <I18NProvider timeZone='Asia/Calcutta'>
-        <div>
-          <TimeInfo closedTime='2018-03-14T06:00:00.000Z' dueDateTime='' createdTime='' /><br />
-          <TimeInfo closedTime='' dueDateTime='2018-03-14T06:00:00.000Z' createdTime='' /><br />
-          <TimeInfo closedTime='' dueDateTime='' createdTime='2018-03-14T06:00:00.000Z' /><br />
-        </div>
-      </I18NProvider>
-    );
-  }
-}
-if (__DOCS__) {
-  TimeInfo__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/src/setup/header/SelectDropdown/SelectDropdown.module.css

@@ -1,35 +0,0 @@
-.container {
-  padding: var(--zd_size3) var(--zd_size15);
-  margin-left: var(--zd_size15);
-  position: relative;
-  line-height: var(--zd_size18);
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  cursor: pointer;
-}
-.container:hover {
-  background: var(--zd_bg_smoke64);
-}
-.departName {
-  font-size: var(--zd_size13);
-  color: var(--zd_text_dark4);
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
-}
-.departIcon {
-  color: var(--zd_text_dark5);
-  margin-left: var(--zd_size5);
-  cursor: pointer;
-}
-.rulesPopup {
-  max-height: var(--zd_size260);
-  padding: var(--zd_size10) 0;
-}
-.rulesDepart {
-  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
-}
-.searchDepart {
-  padding: 0 var(--zd_size20);
-  margin: 0 0 var(--zd_size10) 0;
-}

package/src/setup/table/TableHead/TableHead.css

@@ -1,8 +0,0 @@
-.container {
-  border-bottom: 1px solid var(--zd_border_smoke59);
-  padding-right: var(--zd_size40);
-  padding-left: var(--zd_size40);
-}
-.subContainer {
-  height: var(--zd_size40);
-}

package/src/utils/Ticket.js

@@ -1,10 +0,0 @@
-export const getPriorityColor = priority =>
-  priority === 'High'
-    ? 'red'
-    : priority === 'Medium'
-    ? 'orange'
-    : priority === 'Low'
-    ? 'green'
-    : priority
-    ? 'black'
-    : 'gray';