@zohodesk/dot 1.0.0-beta.25 → 1.0.0-beta.250

package/es/list/SecondaryText/docs/ContactName__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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ContactName from '../ContactName';
-
-var ContactName__default = function (_Component) {
-  _inherits(ContactName__default, _Component);
-
-  function ContactName__default(props) {
-    _classCallCheck(this, ContactName__default);
-
-    return _possibleConstructorReturn(this, (ContactName__default.__proto__ || _Object$getPrototypeOf(ContactName__default)).call(this, props));
-  }
-
-  _createClass(ContactName__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(ContactName, { text: 'Antro Contact', isPaidUser: true });
-    }
-  }]);
-
-  return ContactName__default;
-}(Component);
-
-export default ContactName__default;
-
-if (false) {
-  ContactName__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ContactName'
-  };
-}

package/es/list/SecondryPanel/docs/SecondryPanelDocs.module.css

@@ -1,41 +0,0 @@
-.layoutWrapper {
-  width: 100%;
-  margin-bottom: 20px;
-  padding: 10px;
-}
-@media only screen and (max-width: 500px) {
-  .layoutContainer {
-    flex-direction: column;
-  }
-}
-.container {
-  background: gray;
-}
-.itemId {
-  composes: flexshrink from "~@zohodesk/components/lib/common/common.module.css";
-}
-.itemInner {
-  composes: dflex from "~@zohodesk/components/lib/common/common.module.css";
-  composes: alignVertical from "~@zohodesk/components/lib/common/common.module.css";
-  max-width: 15rem;
-  font-size: 13px;
-  padding: 5px;
-  background: #fafafa;
-}
-.itemText {
-  composes: flexgrow from "~@zohodesk/components/lib/common/common.module.css";
-  composes: flexshrink from "~@zohodesk/components/lib/common/common.module.css";
-  composes: flexbasis from "~@zohodesk/components/lib/common/common.module.css";
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.itemDot {
-  display: inline-block;
-  vertical-align: middle;
-  width: 3px;
-  height: 3px;
-  background-color: red;
-  border-radius: 50%;
-  margin: 0 10px;
-}

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/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/docs/Subject__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 Subject from '../Subject';
-
-var Subject__default = function (_Component) {
-  _inherits(Subject__default, _Component);
-
-  function Subject__default(props) {
-    _classCallCheck(this, Subject__default);
-
-    return _possibleConstructorReturn(this, (Subject__default.__proto__ || _Object$getPrototypeOf(Subject__default)).call(this, props));
-  }
-
-  _createClass(Subject__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        'div',
-        null,
-        React.createElement(
-          'div',
-          { style: { margin: '10px' } },
-          React.createElement(Subject, { text: 'MacBook Pro - A touch of genius' })
-        ),
-        React.createElement(
-          'div',
-          { style: { margin: '10px' } },
-          React.createElement(Subject, { text: 'MacBook Pro - A touch of genius', isBold: true })
-        )
-      );
-    }
-  }]);
-
-  return Subject__default;
-}(Component);
-
-export default Subject__default;
-
-if (false) {
-  Subject__default.docs = {
-    folderName: 'List',
-    componentGroup: 'Subject'
-  };
-}

package/es/list/TagNew/docs/TagNew__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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import TagNew from '../TagNew';
-
-var TagNew__default = function (_Component) {
-  _inherits(TagNew__default, _Component);
-
-  function TagNew__default(props) {
-    _classCallCheck(this, TagNew__default);
-
-    return _possibleConstructorReturn(this, (TagNew__default.__proto__ || _Object$getPrototypeOf(TagNew__default)).call(this, props));
-  }
-
-  _createClass(TagNew__default, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(TagNew, { text: '3 New', animate: true });
-    }
-  }]);
-
-  return TagNew__default;
-}(Component);
-
-export default TagNew__default;
-
-if (false) {
-  TagNew__default.docs = {
-    folderName: 'List',
-    componentGroup: 'TagNew'
-  };
-}