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

package/es/list/SecondryPanel/docs/SecondryPanel__default.docs.js

@@ -1,131 +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 SecondryPanel, { SecondryPanelUL, SecondryPanelLI } from '../SecondryPanel';
-
-import style from './SecondryPanelDocs.module.css';
-
-var SecondryPanel__default = function (_Component) {
-  _inherits(SecondryPanel__default, _Component);
-
-  function SecondryPanel__default(props) {
-    _classCallCheck(this, SecondryPanel__default);
-
-    return _possibleConstructorReturn(this, (SecondryPanel__default.__proto__ || _Object$getPrototypeOf(SecondryPanel__default)).call(this, props));
-  }
-
-  _createClass(SecondryPanel__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        SecondryPanel,
-        { className: style.layoutWrapper },
-        React.createElement(
-          SecondryPanelUL,
-          { className: style.layoutContainer },
-          React.createElement(
-            SecondryPanelLI,
-            null,
-            React.createElement(
-              SecondryPanelUL,
-              { className: style.container },
-              React.createElement(
-                SecondryPanelLI,
-                { className: '' + style.itemId },
-                React.createElement(
-                  'span',
-                  { className: style.itemInner },
-                  React.createElement(
-                    'span',
-                    { className: style.itemText },
-                    '#12303456789'
-                  ),
-                  React.createElement('span', { className: style.itemDot })
-                )
-              ),
-              React.createElement(
-                SecondryPanelLI,
-                null,
-                React.createElement(
-                  'span',
-                  { className: style.itemInner },
-                  React.createElement(
-                    'span',
-                    { className: style.itemText },
-                    'Nicole Hawkins'
-                  ),
-                  React.createElement('span', { className: style.itemDot })
-                )
-              ),
-              React.createElement(
-                SecondryPanelLI,
-                null,
-                React.createElement(
-                  'span',
-                  { className: style.itemInner },
-                  React.createElement(
-                    'span',
-                    { className: style.itemText },
-                    'Welcome to Diffchecker'
-                  ),
-                  React.createElement('span', { className: style.itemDot })
-                )
-              )
-            )
-          ),
-          React.createElement(
-            SecondryPanelLI,
-            null,
-            React.createElement(
-              SecondryPanelUL,
-              { className: style.container },
-              React.createElement(
-                SecondryPanelLI,
-                null,
-                React.createElement(
-                  'span',
-                  { className: style.itemInner },
-                  React.createElement(
-                    'span',
-                    { className: style.itemText },
-                    '28 Jun 2019'
-                  ),
-                  React.createElement('span', { className: style.itemDot })
-                )
-              ),
-              React.createElement(
-                SecondryPanelLI,
-                null,
-                React.createElement(
-                  'span',
-                  { className: style.itemInner },
-                  React.createElement(
-                    'span',
-                    { className: style.itemText },
-                    '28 May 2019 07:41 PM'
-                  ),
-                  React.createElement('span', { className: style.itemDot })
-                )
-              )
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SecondryPanel__default;
-}(Component);
-
-export default SecondryPanel__default;
-
-if (false) {
-  SecondryPanel__default.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryLayout'
-  };
-}

package/es/list/SentimentStatus/SentimentStatus.js

@@ -1,53 +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 PropTypes from 'prop-types';
-import style from './SentimentStatus.module.css';
-import Icon from '@zohodesk/icons/lib/Icon';
-
-var SentimentStatus = function (_React$Component) {
-  _inherits(SentimentStatus, _React$Component);
-
-  function SentimentStatus(props) {
-    _classCallCheck(this, SentimentStatus);
-
-    return _possibleConstructorReturn(this, (SentimentStatus.__proto__ || _Object$getPrototypeOf(SentimentStatus)).call(this, props));
-  }
-
-  _createClass(SentimentStatus, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          type = _props.type,
-          dataTitle = _props.dataTitle;
-
-      var icons = {
-        neutral: 'ZD-botNeutral',
-        negative: 'ZD-botNegative',
-        positive: 'ZD-botPositive'
-      };
-      return React.createElement(
-        'div',
-        { className: style.container, 'data-title': dataTitle },
-        React.createElement(Icon, { name: icons[type], iconClass: style.sentimentIcon })
-      );
-    }
-  }]);
-
-  return SentimentStatus;
-}(React.Component);
-
-export default SentimentStatus;
-
-SentimentStatus.propTypes = {
-  dataTitle: PropTypes.string,
-  type: PropTypes.oneOf(['neutral', 'negative', 'positive'])
-};
-if (false) {
-  SentimentStatus.docs = {
-    componentGroup: ''
-  };
-}

package/es/list/SentimentStatus/SentimentStatus.module.css

@@ -1,12 +0,0 @@
-.container {
-  vertical-align: middle;
-  font-size: var(--zd_size10);
-}[dir=ltr] .container {
-  margin: 0 0 0 var(--zd_size5);
-}[dir=rtl] .container {
-  margin: 0 var(--zd_size5) 0 0;
-}
-
-.sentimentIcon {
-  display: block;
-}

package/es/list/SentimentStatus/docs/SentimentStatus__default.docs.js

@@ -1,36 +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 PropTypes from 'prop-types';
-import SentimentStatus from '../SentimentStatus';
-
-var SentimentStatus__default = function (_React$Component) {
-  _inherits(SentimentStatus__default, _React$Component);
-
-  function SentimentStatus__default(props) {
-    _classCallCheck(this, SentimentStatus__default);
-
-    return _possibleConstructorReturn(this, (SentimentStatus__default.__proto__ || _Object$getPrototypeOf(SentimentStatus__default)).call(this, props));
-  }
-
-  _createClass(SentimentStatus__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(SentimentStatus, null);
-    }
-  }]);
-
-  return SentimentStatus__default;
-}(React.Component);
-
-export default SentimentStatus__default;
-
-if (false) {
-  SentimentStatus__default.docs = {
-    componentGroup: ''
-  };
-}

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/Subject/Subject.js

@@ -1,89 +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 Link from '../../Link/Link';
-
-import style from './Subject.module.css';
-
-var Subject = function (_Component) {
-  _inherits(Subject, _Component);
-
-  function Subject(props) {
-    _classCallCheck(this, Subject);
-
-    return _possibleConstructorReturn(this, (Subject.__proto__ || _Object$getPrototypeOf(Subject)).call(this, props));
-  }
-
-  _createClass(Subject, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          isBold = _props.isBold,
-          dataId = _props.dataId,
-          urlName = _props.urlName,
-          href = _props.href,
-          urlData = _props.urlData,
-          onClick = _props.onClick,
-          isLink = _props.isLink,
-          target = _props.target;
-
-      return React.createElement(
-        React.Fragment,
-        null,
-        isLink ? React.createElement(
-          Link,
-          {
-            urlName: urlName,
-            href: href,
-            urlData: urlData,
-            onClick: onClick,
-            className: style.subject + ' ' + (isBold ? style.bold : ''),
-            dataId: dataId,
-            title: text,
-            target: target
-          },
-          text
-        ) : React.createElement(
-          'span',
-          {
-            className: style.subject + ' ' + (isBold ? style.bold : ''),
-            'data-title': text,
-            'data-id': dataId
-          },
-          text
-        )
-      );
-    }
-  }]);
-
-  return Subject;
-}(Component);
-
-export default Subject;
-
-Subject.propTypes = {
-  dataId: PropTypes.string,
-  href: PropTypes.string,
-  isBold: PropTypes.bool,
-  isLink: PropTypes.bool,
-  onClick: PropTypes.func,
-  target: PropTypes.oneOf(['_blank', '_self']),
-  text: PropTypes.string,
-  urlData: PropTypes.object,
-  urlName: PropTypes.string
-};
-Subject.defaultProps = {
-  isBold: false,
-  isLink: false
-};
-if (false) {
-  Subject.docs = {
-    folderName: 'List',
-    componentGroup: 'Subject'
-  };
-}

package/es/list/Subject/Subject.module.css

@@ -1,9 +0,0 @@
-.subject {
-  color: var(--dot_text_black);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  display: block;
-}
-.bold {
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}